Claude MarketplacesSubmit
julianoczkowski avatar

Design Brief

julianoczkowski/designer-skills

Before you write a single line of code for that new feature, this walks you through building a proper design brief. It scans your codebase for existing design tokens, Tailwind configs, component libraries, and UI patterns, then interviews you methodically about user needs, aesthetic direction, emotional tone, and constraints. The output is a structured markdown brief saved to `.design/<feature-slug>/` that covers everything from experience principles to component inventory to what's explicitly out of scope. What makes this worthwhile is the relentless interviewing process. It forces you to answer the hard questions about who this is for and what success looks like before you're three hours deep in CSS wondering why nothing feels right.

skills.sh installs
5.4K
GitHub stars
601
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add julianoczkowski/designer-skills --skill design-brief --agent claude-code

Installs into .claude/skills of the current project.

Files

This skill creates a design brief through structured conversation. You may skip steps if they are not necessary.

Example prompts

  • "Write a brief for the onboarding flow"
  • "I need to plan a settings page before I start building"
  • "Help me define the direction for a marketing landing page"
  • "Brief this: a dashboard that shows project health metrics"

Process

  1. Ask the user for a detailed description of what they want to build, who it is for, and any constraints or ideas they already have.
SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/julianoczkowski/designer-skills
Categories
Productivity & Planning, Design & UI/UX
First seen
May 16, 2026

More from julianoczkowski/designer-skills

All 8

Recommended

More Productivity & Planning
1thedotmack avatarpathfinderthedotmack/claude-memMap a codebase into feature-grouped flowcharts, identify duplicated concerns across features, and propose a unified architecture. Use when asked to "find the id5.4Kskills.sh installs
2affaan-m avatarcustomer-billing-opsaffaan-m/eccOperate customer billing workflows such as subscriptions, refunds, churn triage, billing-portal recovery, and plan analysis using connected billing tools like S5.4Kskills.sh installs
3jeffallan avatarsre-engineerjeffallan/claude-skillsDefines service level objectives, creates error budget policies, designs incident response procedures, develops capacity models, and produces monitoring configu5.4Kskills.sh installs
4thananon avatarscrutinizethananon/9arm-skillsOutsider-perspective end-to-end review of a plan, PR, or code change. First questions intent and whether a simpler/more elegant approach would achieve the same 5.3Kskills.sh installs
5samber avatarinfluence-and-negotiationsamber/cc-skillsInfluence and negotiation toolkit for any interaction requiring another person's agreement, even when not framed as 'negotiation'. Covers: B2B sales, salary rev5.3Kskills.sh installs
6affaan-m avatarprediction-market-oracle-researchaffaan-m/eccResearch prediction markets as data sources or oracle signals for products, agents, dashboards, and corporate decision intelligence. Use for source-grounded ana5.3Kskills.sh installs