Agent skill

create-documentation

Document a new or existing design system component

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/create-documentation

SKILL.md

Create Documentation

After creating a component in the "ui" package, always create a corresponding docs MDX file with the following structure. Comments in this example are instructions for you to fill in information.

md
## Overview

<!-- Provide a brief description about what the component is and where it might be used. -->

## Usage

Import the component:

```ts
import { COMPONENTNAME } from '@eqtylab/equality';
```

Basic usage with required properties:

ts
// Give a minimal example of the component's usage with all required properties

Variants

Variant Subheadings

Slots

Name Description

Props

Name Description Type Default Required
propname Concise one line description boolean True ✅
enumexample If a prop is an enum neutral, primary, success, etc neutral ❌

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results