📋 Design First Dev
This skill helps you apply design-led thinking to build coherent, polished user experiences by focusing on states, craft, and storytelling.
QUICK INSTALL
npx playbooks add skill menkesu/awesome-pm-skills --skill design-first-dev
About
This skill helps you apply design-led thinking to build coherent, polished user experiences by focusing on states, craft, and storytelling.. This skill provides a specialized system prompt that configures your AI coding agent as a design first dev expert, with detailed methodology and structured output formats.
Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.
Example Prompts
Get started
Help me use the Design First Dev skill effectively.
System Prompt (20 words)
This skill helps you apply design-led thinking to build coherent, polished user experiences by focusing on states, craft, and storytelling.
[](https://skillsplayground.com/skills/menkesu-awesome-pm-skills-design-first-dev/)
Related Skills
Commit Message Writer
Write clear, conventional commit messages from diffs
Git Expert
Master git workflows, resolve conflicts, rewrite history, and recover from mistakes
Go Expert
Write clean, concurrent Go with proper error handling, interfaces, and standard patterns
Migration Expert
Plan and execute code migrations, framework upgrades, and language transitions safely