jalco-writing-component-docs

Generate and review jalco UI component documentation against format specifications.

143|1|Updated Mar 10, 2026
One-click install
npx skills add https://github.com/jal-co/ui --skill jalco-writing-component-docs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: jalco-writing-component-docs
Source: https://github.com/jal-co/ui/tree/main/.pi/skills/jalco-writing-component-docs
Command: npx skills add https://github.com/jal-co/ui --skill jalco-writing-component-docs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation and refinement of documentation for jalco UI components, ensuring consistency, clarity, and adherence to project standards.

Core Features & Use Cases

  • Consistent Documentation: Enforces a standardized structure and writing style across all component documentation.
  • Registry Synchronization: Keeps component names and descriptions aligned with the shadcn registry and internal type definitions.
  • Quality Assurance: Provides a checklist for reviewing documentation completeness and accuracy.
  • Use Case: When developing a new button component, use this skill to generate its documentation page, including descriptions, usage examples, API references, and ensure it matches the registry entry.

Quick Start

Use the jalco-writing-component-docs skill to create documentation for the new 'avatar' component.

Frequently Asked Questions about jalco-writing-component-docs

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

FAQPage Schema
How do I write documentation for UI components in a consistent format?

Writing UI component documentation involves generating standardized descriptions, usage examples, API references, and metadata according to defined project conventions. This ensures structural consistency and clarity across all component documentation pages and source code.

What is the best way to keep component docs synchronized with a UI registry?

Keeping component docs synchronized with a UI registry requires aligning component names and descriptions with registry definitions and internal type definitions. This verification process prevents discrepancies between the documentation, the source code, and the registry entries.

How do I review component documentation for completeness and accuracy?

Reviewing component documentation for completeness requires checking descriptions, usage, examples, and notes against a defined review checklist. This verifies that the documentation adheres to specific writing rules and project conventions before publication.

Does this documentation generation approach work with shadcn registry definitions?

Yes, this documentation approach works with shadcn registry definitions by ensuring component names and descriptions match the shadcn registry and internal type definitions. It enforces writing rules to maintain parity between docs and registry entries.

What should be included in UI component documentation pages?

UI component documentation pages should include structured descriptions, usage guidelines, practical examples, API references, and relevant notes. Adhering to a standardized format ensures all required metadata and structural elements are present for each component.

When do I need to standardize component documentation structure?

You need to standardize component documentation structure when developing new UI components to ensure consistent writing style and clarity. This streamlines refinement and enforces adherence to project standards across all component pages.