docs-doc-component

Standardize Retikz component documentation with a six-section structure and API table format.

12|2|Updated Nov 27, 2024
One-click install
npx skills add https://github.com/Pionpill/retikz --skill docs-doc-component
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: docs-doc-component
Source: https://github.com/Pionpill/retikz/tree/main/.agents/skills/docs-doc-component
Command: npx skills add https://github.com/Pionpill/retikz --skill docs-doc-component

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves inconsistent, hard-to-scan documentation for Retikz component pages by enforcing a predictable structure and example/API conventions that help readers learn and reference components quickly.

Core Features & Use Cases

  • 6-section component-page structure: Enforces the required Usage → Examples → API Reference order, with optional Composition / How it works / Related, following Retikz-specific rules.
  • Copy-ready Examples organization: Guides how to group multiple demos by theme, keep Examples focused on usage, and avoid mixing in deep mechanism explanations.
  • Clear boundary between Examples and How it works: Ensures deepdive content appears only where it’s truly needed (e.g., namespaces, transforms, bbox/compile behavior, edge-case conflicts).

Quick Start

Update or add a Retikz component page under apps/docs/src/contents/<module>/components/** following the docs-doc-component 6-section order and Examples/API table rules.

Frequently Asked Questions about docs-doc-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure MDX component documentation for consistent usage and API examples?

Standardize component documentation by enforcing a Usage → Examples → API Reference section order, with optional Composition, How it works, and Related sections. This structure helps readers find usage demos and API details quickly without scanning inconsistent layouts.

What is the best way to organize multiple examples in technical writing for component pages?

Group multiple examples by theme within the Examples section, keeping them strictly focused on usage. Avoid mixing deep mechanism explanations into demos, and place deep-dive content like namespaces or transforms in the How it works section instead.

When should I use the How it works section instead of Examples in component docs?

Use the How it works section for deep-dive mechanisms such as namespaces, transforms, bbox/compile behavior, and edge-case conflicts. Keep the Examples section focused entirely on usage demonstrations to maintain a clear boundary between showing and explaining.

Does the Retikz docs system require a specific API Reference table format?

Yes, the Retikz docs system enforces a specific API Reference table format for component pages. Following this standardized table structure ensures API details are predictable and easy to scan across all component documentation within the system.

Can I customize the section ordering for component documentation outside of the standard structure?

No, you should follow the enforced section ordering of Usage → Examples → API Reference, with optional Composition, How it works, and Related sections placed according to Retikz-specific rules. Deviating from this structure breaks documentation consistency and reader onboarding speed.

Why does my component documentation feel hard to scan even with examples and API details included?

Documentation becomes hard to scan when section ordering is inconsistent or deep mechanisms are mixed into usage demos. Enforcing a predictable structure with clear boundaries between Examples and How it works ensures readers can navigate and reference components quickly.