Agent-Skills

English | 한국어

Quick Start

Install all skills

npx skills add https://github.com/monegit/agent-skills

Install a single skill

npx skills add https://github.com/monegit/agent-skills --skill create-component

Skills

create-component

Note

Design, create, and refactor reusable React components with a clear public API.

Key capabilities:

• Designs simple and compound component APIs.
• Organizes component code, types, styles, hooks, and utilities by responsibility.
• Guides accessible Tailwind and tailwind-variants styling.

Use when:

• Creating or improving a reusable React UI component.
• Refactoring a component's API, structure, state, or styling.

Install:

npx skills add https://github.com/monegit/agent-skills --skill create-component

---

monospec-kit

Note

Create implementation-ready feature specifications covering web and API work in one document.

Key capabilities:

• Defines user flows, UI states, API contracts, data models, and permissions.
• Produces lowercase kebab-case specifications under documents/.
• Identifies official references and unresolved implementation questions.

Use when:

• Planning a feature that spans frontend and backend surfaces.
• Creating or updating an implementation-ready feature specification.

Install:

npx skills add https://github.com/monegit/agent-skills --skill monospec-kit

---

storybook

Note

Create typed Storybook stories and keep component documentation current.

Key capabilities:

• Applies autodocs, title categories, typed meta, controls, and story args.
• Documents standalone components, foundations, and composed widgets.
• Updates stories when public component contracts change.

Use when:

• Creating a UI component and its Storybook documentation.
• Changing a component's props, types, values, defaults, or behavior.

Install:

npx skills add https://github.com/monegit/agent-skills --skill storybook