Design Project — Design skill for Claude Code
Apply approved product copy and semantic theme tokens to the existing template without changing its layout, interactions, or hero media.
How to install Design Project
Installs to ~/.claude/commands/danncode10-dannflow-design-project.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/Danncode10/DannFlow/HEAD/.claude/commands/design-project.md -o ~/.claude/commands/danncode10-dannflow-design-project.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Project does
description: "Apply approved product copy and semantic theme tokens to the existing template without changing its layout, interactions, or hero media."
/design-project
Read `README.md`, `PROJECT_CONTEXT.md`, `src/lib/config.ts`, and the existing design system. Interview for the missing project facts, then adapt the existing template with a responsive, project-specific visual direction.
Existing-template adaptation — mandatory
This command starts from the existing template. It ad
Alternatives in Design
- Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
- Claudekit Media Tools — Media processing and manipulation 1.9k ★
- Design Expert — Apply expert UX/UI design thinking to design, redesign, enhance, or fix any interface element with meticulous 348 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Revise
Change an existing GraphCompose template as a new revision — content, assets, theme, layout or a pure refactor
Immersive Web Design
Claude Code skill: immersive landing design language - Liquid Glass, stacking-deck scroll with organic crests,
God Polish
Polish a design without changing its direction (spacing, type, contrast, states, details)
Brainstorming Visual
Use BEFORE implementing any new product hero, landing page, or unfamiliar UI pattern when CEO/user has not pre
Craft
Coordinate selection, confirmed greenfield setup, and approved specialist Design integration without creating
Frontend UI
Use when changing the React and Vite frontend in client/, including LandingPage, Home chat UX, auth pages, Nav
Related Agents
Token Modeller
Modelling agent that turns raw measured or inferred values into the semantic token set and emits tokens.ts, th
Graphic Designer
Produces web-ready visual assets from the project's design direction and token file, in four media — stills (h
Hierarchy Critic
Specialist critic for visual hierarchy and information density. Audits a single design against ONLY the assign