Skills
.Work. You
Rest

design-first-dev

Community

Craft quality in design-led development

Design & Creative#design#prototype#ux#design-system#product-management#craft-quality
Authormenkesu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams apply design-led development and craft-quality standards to UI/UX decisions, ensuring that details matter and that product narratives stay coherent across releases.

Core Features & Use Cases

  • Prototype complete flows before coding.
  • Design all states (loading, error, empty, success) to reduce surprises in production.
  • Foster cross-functional collaboration from day one to align design, engineering, and product storytelling.
  • Apply design-system thinking to ensure consistency and scalable quality across features.

Quick Start

Prototype the full user flow in a design sandbox before any code is written.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-first-dev
Download link: https://github.com/menkesu/awesome-pm-skills/archive/main.zip#design-first-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.