Create Component — Development agent for Claude Code
description: "Guided component creation with proper patterns".
How to install Create Component
Installs to ~/.claude/agents/thc1006-nephoran-intent-operator-create-component.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/thc1006/nephoran-intent-operator/HEAD/.claude/agents/create-component.md -o ~/.claude/agents/thc1006-nephoran-intent-operator-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.
Pre-flight Checks
Check if `.ui-design/` directory exists:
- If not: Create
.ui-design/directory - Create
.ui-design/components/subdirectory for component tracking
- If not: Create
Detect project configuration:
- Scan for framework (React, Vue, Svelte
Alternatives in Development
- Product Guidelines — {{BRAND_VOICE_DESCRIPTION}} - wshobson/agents 31.9k ★
- Command Name — Detailed description of what this command does and when to use it 1.3k ★
- Template — One-line description of what this agent does 1k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
GitHub Issue Fixer
GitHub issue resolution specialist. Analyzes, plans, and implements fixes for GitHub issues with proper testin
Yago
Use this agent when the user asks to write, create, or generate a pull request description, PR description, or
Sequant Implementer
Implementation agent for sequant /exec parallel groups. Handles component creation, type definitions, CLI scri
Shell Scripting Pro
Write robust shell scripts with proper error handling, POSIX compliance, and automation patterns. Masters bash
TypeScript Implementer
TypeScript implementation specialist that writes type-safe, modern TypeScript code with strict mode. Emphasize
Step Planning
Step agent that creates a TDD implementation plan from a story description. Deeply explores the codebase for p
Related Skills
Use Stepper
by zuplo - Reformats documentation to use React Stepper component, transforming heading formats, applying prop
Component Design
Design and implement reusable UI components with proper props and accessibility
Brand Identity
Guided workflow for creating comprehensive brand identity systems. Walks through discovery, strategy, visual i