korrodesign - Guide a seven-phase design workflow
Guides Claude through a seven-phase web design process and audits generated UI with a 14-rule ESLint plugin.
Tags
Updated: 2026-10-07Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Guide creative briefs
- Configure design parameters
- Compare design directions
- Plan implementation steps
- Generate project assets
- Scaffold Next.js projects
- Generate website code
- Audit UI structure
- Auto-fix selected violations
Inputs
- Project stage
- Project identity
- Project personality
- Immersion level
- Aesthetic reference
- Five-second message
- Content sections
- Creative direction
- Design brief
- Project directory
- OpenRouter API key
Outputs
- Design brief file
- Scaffolded Next.js project
- Generated website code
- ESLint audit results
- Auto-fixed source files
- Local development server
Requirements
- Claude Code skill support
- Node.js runtime
- ESLint
- Next.js project environment
- Write access to the project
- OpenRouter API key for automated generation