sunflowermm

Create Component — Development skill for Claude Code

Development community

description: "Guided component creation with proper patterns" argument-hint: "[component-name]" Create Component Guided workflow for creating new UI components following established patterns and best practices.

How to install Create Component

Installs to ~/.claude/commands/sunflowermm-xrk-agt-create-component.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/sunflowermm/XRK-AGT/HEAD/.claude/commands/create-component.md -o ~/.claude/commands/sunflowermm-xrk-agt-create-component.md

Restart Claude Code, or start a new session, for it to be picked up.

What Create Component does

description: "Guided component creation with proper patterns" argument-hint: "[component-name]"

Create Component

Guided workflow for creating new UI components following established patterns and best practices.

XRK-AGT Alignment (Required)

Prefer creating product components inside core/*/www// related component directories
Do not place business components under src/infrastructure/
Keep generation additive: introduce new component/variant files before replacin

Alternatives in Development

Create Blog Article For Claude Code Component — You will create a complete, SEO-optimized blog article for a Claude Code component 23.4k ★
Portaljs Add Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
Migrate Component — Migrate a docs component from rST/Snooty AST to MDX 775 ★