skills.rest
iJosueeh
iJosueehCOMMUNITY
Explore all skills by this author →
GitHub

design-brief-builder

Guide a structured design interview and generate a Design-Brief.md document.

Updated Apr 3, 2026
Search Tags:#user experience#product design#design brief#design interview#visual direction
One-click install
npx skills add https://github.com/iJosueeh/nexora-web --skill design-brief-builder-ijosueeh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-brief-builder
Source: https://github.com/iJosueeh/nexora-web/tree/main/.opencode/skills/design-brief-builder
Command: npx skills add https://github.com/iJosueeh/nexora-web --skill design-brief-builder-ijosueeh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps users define a design style or visual direction for their products by guiding them through a structured design interview and producing a comprehensive Design-Brief.md document.

Core Features & Use Cases

  • Design Interview: Conducts a structured interview to extract user preferences and generate a Design-Brief.md.
  • Visual Direction: Outputs a Design-Brief.md document containing mood direction, color direction, information density, interaction style, etc.
  • Use Case: For a new software product, this Skill can help define the visual style and direction before development begins.

Quick Start

Use the /design-brief-builder command to start the design interview and generate a Design-Brief.md.

Frequently Asked Questions about design-brief-builder

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

FAQPage Schema
How do I define visual direction for a new software product?▼

You define visual direction by completing a structured design interview that captures your preferences for mood, color, information density, and interaction style, then outputs a Design-Brief.md document.

What is a design brief interview and how does it work for product design?▼

A design brief interview is a guided process that extracts your user experience preferences and visual direction requirements to produce a comprehensive Design-Brief.md for your software product.

Do I need a Product-Spec.md to start defining my design style?▼

Yes, you need a Product-Spec.md to provide context for the design interview, ensuring the generated visual direction and Design-Brief.md align with your product specifications.

What's the best way to document mood and color direction before development?▼

The best way to document mood and color direction is running a structured design interview that translates your visual preferences into a Design-Brief.md file for development reference.

Can I specify information density and interaction style in a design brief?▼

Yes, you can specify information density and interaction style during the design interview, which translates your user experience preferences directly into the final Design-Brief.md output.

Related Skills

Explore More Design & Creative Skills→
Hoang604Hoang604

spec

Interview users to generate a SPEC.md with goals, constraints, and acceptance criteria.

Community
Advanced
gvkhoslagvkhosla
8

design-direction-setter

Generate a design-brief.md with typography, color palette, and visual tone.

Community
Intermediate
sanky369sanky369
29

creative-strategist

Define brand visual direction and generate mood boards and style guides.

Community
Advanced
zxpmailzxpmail
18

design-brief-builder

Guide users through a design interview and generate a Design-Brief.md document.

Community
Intermediate