design
✓Comprehensive workflow for creating and reviewing high-craft digital and visual design. Use when designing or refining web interfaces (landing pages, websites, dashboards, admin panels, SaaS apps, components), implementing interaction and motion systems, producing static visual artifacts (.png/.pdf posters or compositions), defining design-system tokens and reusable patterns, or auditing UI/UX/accessibility quality. Triggers: design ui, refine interface, design landing page, create visual artifact, design audit, define design tokens.
Installation
SKILL.md
Create distinctive, production-grade design outcomes without defaulting to generic templates. Select the right mode, anchor decisions in user intent and product context, and ship with system consistency, interaction polish, and quality checks.
In this repo's delivery flow, design is an optional step between prd and implement for UI/UX-heavy features.
When tasks/context.md records design-system patterns, treat them as source-of-truth. Examples: established spacing, depth, or component rules.
Comprehensive workflow for creating and reviewing high-craft digital and visual design. Use when designing or refining web interfaces (landing pages, websites, dashboards, admin panels, SaaS apps, components), implementing interaction and motion systems, producing static visual artifacts (.png/.pdf posters or compositions), defining design-system tokens and reusable patterns, or auditing UI/UX/accessibility quality. Triggers: design ui, refine interface, design landing page, create visual artifact, design audit, define design tokens. Source: kelvinz/cobb.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/kelvinz/cobb --skill design- Source
- kelvinz/cobb
- Category
- #Documents
- Verified
- ✓
- First Seen
- 2026-02-16
- Updated
- 2026-02-18
Quick answers
What is design?
Comprehensive workflow for creating and reviewing high-craft digital and visual design. Use when designing or refining web interfaces (landing pages, websites, dashboards, admin panels, SaaS apps, components), implementing interaction and motion systems, producing static visual artifacts (.png/.pdf posters or compositions), defining design-system tokens and reusable patterns, or auditing UI/UX/accessibility quality. Triggers: design ui, refine interface, design landing page, create visual artifact, design audit, define design tokens. Source: kelvinz/cobb.
How do I install design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/kelvinz/cobb --skill design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/kelvinz/cobb
Details
- Category
- #Documents
- Source
- skills.sh
- First Seen
- 2026-02-16