design-brief

Generate a design brief file from a structured interview and codebase analysis.

1|Updated Nov 13, 2025
One-click install
npx skills add https://github.com/concept2cure/ClinicalSageAI-2-replit --skill design-brief-concept2cure
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-brief
Source: https://github.com/concept2cure/ClinicalSageAI-2-replit/tree/main/.claude/skills/design-brief
Command: npx skills add https://github.com/concept2cure/ClinicalSageAI-2-replit --skill design-brief-concept2cure

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design briefs are often produced late, inconsistently, and without a shared template. This skill guides an interactive interview, surfaces relevant codebase patterns, and captures decisions into a living, shareable brief.

Core Features & Use Cases

  • Structured interview flow to extract goals, constraints, and success metrics.
  • Codebase exploration to surface design-relevant patterns (tokens, themes, components).
  • Automatic generation of a design brief file at .design/<feature-slug>/DESIGN_BRIEF.md using a standardized template.

Quick Start

Run the design-brief skill with a detailed feature description to produce a DESIGN_BRIEF.md at the designated path.

Frequently Asked Questions about design-brief

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

FAQPage Schema
How do I generate a design brief for a new UI feature?

To generate a design brief for a new UI feature, you run a guided interview to extract goals and success metrics. This process compiles decisions into a standardized, shareable markdown brief for your team.

What is a design brief and why do I need one for feature planning?

A design brief is a structured document capturing goals, constraints, and success metrics for a specific UI direction. You need one to ensure design planning is produced consistently and shared across your project team.

How do I document UI design patterns from my existing codebase?

You can document UI design patterns by running an exploration process that surfaces design-relevant tokens, themes, and components from your codebase. These organizational patterns are then compiled directly into your design brief.

Can I use a structured interview to plan onboarding flows and dashboards?

Yes, you can use a structured interview to plan onboarding flows, dashboards, or settings pages. The interview extracts the necessary feature requirements and compiles them into a standardized design brief file.

Does the design brief generation require any external dependencies or components?

No, this design brief generation process does not require any external dependencies or components to function. It operates independently to analyze your codebase and output the templated brief file.

Where should I save the output file when creating design documentation?

You should save the output file for your design documentation at the designated path of .design/<feature-slug>/DESIGN_BRIEF.md. This enforces a standardized template location for all your feature planning documents.