Skills
.Work. You
Rest

UI Component Documentation Writer

Official

Document Medusa UI components.

Software Engineering#typescript#documentation#react#ui components#mdx#medusa
Authormedusajs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of comprehensive documentation for UI components within the Medusa design system, ensuring consistency and clarity for developers.

Core Features & Use Cases

  • MDX Documentation Generation: Creates detailed documentation pages including usage examples and API references.
  • Live Example Creation: Generates runnable TSX examples for various component states and variants.
  • Example Registry Updates: Automatically registers new examples for discoverability.
  • Use Case: When a new Avatar component is developed, this Skill can generate its page.mdx documentation, create examples for default, group, and status variants, and update the examples.mjs registry.

Quick Start

Use the UI Component Documentation Writer skill to document the 'Avatar' component, including its default, group, and status variants.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: UI Component Documentation Writer
Download link: https://github.com/medusajs/medusa/archive/main.zip#ui-component-documentation-writer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.