Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

component-create

Étoiles2

Forks0

Mis à jour4 mars 2026 à 02:57

Build a Kiso component from scratch. Reads shadcn/Nuxt UI sources, creates theme module, ERB partials, Lookbook previews, docs, E2E tests. Use when building a new component or picking up where a previous attempt left off.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

steveclarke

steveclarke/kiso

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	component-create
description	Build a Kiso component from scratch. Reads shadcn/Nuxt UI sources, creates theme module, ERB partials, Lookbook previews, docs, E2E tests. Use when building a new component or picking up where a previous attempt left off.

Component Create

Build a Kiso component following the established workflow and quality standards.

Instructions

Read project/component-creation.md — this is the authoritative guide. Follow every step: mandatory reading, naming rules, implementation steps, Lookbook preview rules, and the quality checklist.
If given an issue number, read the issue with gh issue view N to get the component name and any specific requirements.
Work through the implementation steps in order. The guide contains code templates for theme modules, ERB partials, Lookbook previews, and E2E tests.
Before finishing, run through the quality checklist at the bottom of project/component-creation.md. Every item must pass.

Run lint and tests:

bundle exec standardrb --fix
npm run lint && npm run fmt
bundle exec rake test
npm run test:unit
npm run test:e2e

Plus depuis ce dépôt

même dépôt

kiso

steveclarke/kiso

Build UIs with Kiso — accessible Rails UI components with Tailwind CSS theming. Use when creating interfaces, customizing themes, building forms, or composing page layouts in Rails + Hotwire apps.

2026-03-242

contributing

steveclarke/kiso

Kiso component conventions and development workflow. Points to the right docs for building, reviewing, and shipping components.

2026-03-142

update-docs

steveclarke/kiso

Audit all documentation for staleness after code changes. Checks docs site, CLAUDE.md, skills references, contributing skill, agents, and project/ files. Use after completing a feature, merging a PR, or when asked to check docs.

2026-03-102

release

steveclarke/kiso

Guide through releasing a new version of kiso. Use when cutting a release, publishing a new version, or running bin/release.

2026-03-102

component-review

steveclarke/kiso

Review a Kiso component for quality and consistency. Runs the 12-point checklist against shadcn source, design system rules, and deliverables. Use on a PR, branch, or working directory.

2026-03-042

component-factory

steveclarke/kiso

Agentic Component Factory — build multiple Kiso components in parallel using builder and reviewer agents in isolated worktrees. Usage: /factory #47 #48 or /factory #47 #48 #49 (pass issue numbers)

2026-02-282

name	component-create
description	Build a Kiso component from scratch. Reads shadcn/Nuxt UI sources, creates theme module, ERB partials, Lookbook previews, docs, E2E tests. Use when building a new component or picking up where a previous attempt left off.

Component Create

Build a Kiso component following the established workflow and quality standards.

Instructions

Read project/component-creation.md — this is the authoritative guide. Follow every step: mandatory reading, naming rules, implementation steps, Lookbook preview rules, and the quality checklist.
If given an issue number, read the issue with gh issue view N to get the component name and any specific requirements.
Work through the implementation steps in order. The guide contains code templates for theme modules, ERB partials, Lookbook previews, and E2E tests.
Before finishing, run through the quality checklist at the bottom of project/component-creation.md. Every item must pass.

Run lint and tests:

bundle exec standardrb --fix
npm run lint && npm run fmt
bundle exec rake test
npm run test:unit
npm run test:e2e