skills.rest
kazdenc
kazdencCOMMUNITY
Explore all skills by this author →
𝕏@kazdencGitHub

design-brief

Explore codebases and ask user-centric questions to synthesize design context.

42|5|Updated Mar 8, 2026
Search Tags:#design#context#onboarding#setup#brand#ux
One-click install
npx skills add https://github.com/kazdenc/builder-skills --skill design-brief-kazdenc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-brief
Source: https://github.com/kazdenc/builder-skills/tree/main/.claude/skills/design/frameworks/design-brief
Command: npx skills add https://github.com/kazdenc/builder-skills --skill design-brief-kazdenc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the crucial first step of any design project by systematically gathering essential context about users, brand, and aesthetic preferences, ensuring all subsequent design decisions are aligned with project goals.

Core Features & Use Cases

  • Codebase Exploration: Automatically scans project files (README, config, components) to infer existing design patterns and constraints.
  • Targeted Questioning: Asks specific, UX-focused questions about users, brand personality, and aesthetics that cannot be inferred from code.
  • Context Synthesis: Consolidates gathered information into a structured ## Design Context section for persistent reference.
  • Use Case: Before starting a new feature, run this skill to define the target user, brand voice, and visual style, creating a foundational document that guides the entire design process.

Quick Start

Run the design-brief skill to gather and save the design context for this project.

Frequently Asked Questions about design-brief

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I establish design context for a new software project?▼

To establish design context, you can run a skill that scans your codebase for existing patterns and asks targeted UX questions about your users, brand personality, and aesthetic preferences, synthesizing the answers into a persistent reference document.

What questions should I ask for UX onboarding and brand setup?▼

For UX onboarding and brand setup, you need to define your target users, specify your brand voice, clarify aesthetic preferences, and outline accessibility needs to ensure all subsequent design decisions align with project goals.

Can I infer existing design patterns automatically from my codebase?▼

Yes, you can infer existing design patterns automatically by scanning project files like READMEs, configurations, and components, which extracts current constraints to guide future design decisions without manual inspection.

What is the best way to document project design guidelines for future development?▼

The best way to document project design guidelines is to consolidate gathered user and brand context into a structured, persistent section that serves as a foundational reference for the entire design process.

Does this design brief approach work without external dependencies?▼

Yes, this approach works without external dependencies because it operates using internal scripts to explore the codebase and interactively prompt for user input to build the design context.

Related Skills

Explore More Design & Creative Skills→
JuniYadiJuniYadi

codebase-analyzer

Analyze codebases to identify tech stack, architecture, and integration touchpoints.

Community
Intermediate
wpgauravwpgaurav
14

ckm:ui-styling

Generate accessible React UIs with shadcn/ui, Radix UI, and Tailwind CSS.

Community
Intermediate
heyparth1heyparth1

teach-impeccable

Gather project design context and persist guidelines into a configuration file.

Community
Intermediate
hi-yuki-922hi-yuki-922
1

i-teach-impeccable

Gather design context from codebase and user input into CLAUDE.md.

Community
Intermediate