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.