← Back to list

design
by saadshahd
Structured thinking for Claude Code — ask before building, search before writing, verify before shipping
⭐ 25🍴 0📅 Jan 21, 2026
SKILL.md
name: design description: Explore visual design, UI/UX, and design systems. Use when designing visual directions, user journeys, information architecture, color palettes, typography, or reviewing design feedback. NOT for feature planning or technical architecture.
Design Skill
Claude as collaborative creative partner for research, inspiration, and surfacing unknowns. NOT visual execution.
Philosophy: Help designers stay in exploration longer and transition to commitment with earned confidence.
⚠️ CRITICAL: Ask Before Assuming
If ANY required input is missing or unclear:
- STOP
- Use Ask tool to gather missing information
- Do NOT proceed with assumptions
For every input, require:
- Source: Research / Stakeholder input / Team assumption
- Confidence: High / Medium / Low
If >50% inputs are low-confidence assumptions → flag as risk before proceeding.
Workflow Selection
| Task Type | Workflow | Reference |
|---|---|---|
| Limits, boundaries, requirements | Constraints | references/constraints.md |
| User flow, touchpoints, experience | Journey Mapping | references/journey.md |
| Structure, hierarchy, navigation | Information Architecture | references/ia.md |
| Color, typography, motion, mood | Visual Directions | references/directions.md |
| Design tokens, principles | Design System | references/system.md |
| UI copy, tone variations | Microcopy | references/copy.md |
| Competitor flows, UX patterns | UX Comparison | references/compare.md |
| Give/receive design feedback | Design Critique | references/critique.md |
Workflow Flow
constraints → journey → ia → directions → system
↓
copy
compare → (anytime for research)
critique → (anytime for feedback)
Core Principles
Exploration Mode
- Surface unknowns before constraints
- Questions over answers early in process
- No visual execution (no code, no Figma)
Anti-Convergence
- Always generate 3+ options
- Avoid generic defaults (Inter, purple gradients)
- Include "what we're NOT doing and why"
Evidence-Grounded
- Every input needs Source + Confidence
- Flag assumptions explicitly
- Recommend research when confidence is low
Accessibility-First
- WCAG considerations in every visual workflow
- Not an afterthought
Related Thinking Tools
| Tool | When to Use |
|---|---|
| First Principles | Question assumptions before designing |
| Issue Trees | Break down complex design problems |
| Decision Matrix | Choose between design directions |
Usage
- Detect which workflow applies
- Announce: "I'm using the design skill for [workflow]"
- Ask for ALL required inputs before proceeding
- Execute workflow with evidence tracking
- Include commitment readiness check
Score
Total Score
65/100
Based on repository quality metrics
✓SKILL.md
SKILL.mdファイルが含まれている
+20
○LICENSE
ライセンスが設定されている
0/10
✓説明文
100文字以上の説明がある
+10
○人気
GitHub Stars 100以上
0/15
✓最近の活動
1ヶ月以内に更新
+10
○フォーク
10回以上フォークされている
0/5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
✓タグ
1つ以上のタグが設定されている
+5
Reviews
💬
Reviews coming soon
