component-contributor
OfficialShip components with a guided, safe workflow.
Software Engineering#vitest#accessibility#design system#storybook#radix ui#github workflow#component implementation
AuthorStack-and-Flow
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Helps contributors implement or update a Stack-and-Flow design-system component without missing required architectural, accessibility, testing, and documentation steps.
Core Features & Use Cases
- Workflow orchestration for component delivery: guides the contributor through onboarding (when needed), spec validation, planning, implementation order, visual review, and a pre-PR component audit.
- Spec-driven implementation: extracts required behavior, props, variants, tokens, and accessibility rules from an approved issue/spec, and stops to ask when gaps exist.
- GitHub/Project-board aware delegation: when delegated from
sdd-apply, can follow the orchestrator’s SDD progress envelope; when working from an issue/card, can run START WORK and manage “In progress” status when allowed. - Strict repository conventions: enforces the project’s 6-file component pattern, TypeScript rules (e.g.,
typenotinterface), Storybook standards, and CI-friendly testing approach.
Quick Start
Use this skill when implementing a new or changed component; provide the approved component spec/issue so the agent can plan and implement the required files and gates.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: component-contributor Download link: https://github.com/Stack-and-Flow/design-system/archive/main.zip#component-contributor Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.