htlin222

sc-design

Design system architecture, APIs, and component interfaces. Use when user needs architectural design, API design, or component structure planning.

htlin222 77 4 Updated 1mo ago
GitHub

Install

npx skillscat add htlin222/dotfiles/sc-design

Install via the SkillsCat registry.

SKILL.md

System and Component Design

Design system architecture, APIs, component interfaces, and technical specifications.

When to use

  • User needs system or component architecture design
  • API design or specification required
  • Database schema design needed
  • Component interface planning requested
  • Technical specification creation needed

Instructions

Usage

/sc:design [target] [--type architecture|api|component|database] [--format diagram|spec|code]

Arguments

  • target - System, component, or feature to design
  • --type - Design type (architecture, api, component, database)
  • --format - Output format (diagram, spec, code)
  • --iterative - Enable iterative design refinement

Execution

  1. Analyze requirements and design constraints
  2. Create initial design concepts and alternatives
  3. Develop detailed design specifications
  4. Validate design against requirements and best practices
  5. Generate design documentation and implementation guides

Claude Code Integration

  • Uses Read for requirement analysis
  • Leverages Write for design documentation
  • Applies TodoWrite for design task tracking
  • Maintains consistency with architectural patterns