design-brief

Transform ambiguous design requests into structured DESIGN.md specifications with resolved visual tokens.

3|2|Updated May 28, 2026
One-click install
npx skills add https://github.com/Clos01/Kenbun-Agent --skill design-brief-clos01
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-brief
Source: https://github.com/Clos01/Kenbun-Agent/tree/main/core/tools/skills/design-brief
Command: npx skills add https://github.com/Clos01/Kenbun-Agent --skill design-brief-clos01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes ambiguity from design requests by transforming structured or natural language briefs into concrete, consistent design specifications with defined visual decisions.

Core Features & Use Cases

  • Brief Parsing: Converts I-Lang protocol briefs or natural language descriptions into resolved design dimensions including palette, typography, layout, mood, and constraints.
  • Design Specification Generation: Produces a complete DESIGN.md with validated tokens, component guidance, responsive behavior, and agent instructions.
  • Visual Preview Creation: Generates a design preview artifact showing colors, typography, spacing, and components for rapid review before implementation.

Quick Start

Use the design-brief skill to create a complete DESIGN.md from this design brief for a professional minimal developer landing page.

Frequently Asked Questions about design-brief

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

FAQPage Schema
How do I turn a vague design idea into a structured design system?

To turn a vague design idea into a structured design system, you can parse natural language descriptions or I-Lang briefs to resolve visual dimensions like palette, typography, and mood into concrete design tokens.

How do I generate a DESIGN.md file with validated design tokens and component guidance?

Generate a DESIGN.md file with validated design tokens by processing your brief to map symbolic values into concrete specifications, including responsive behavior and component guidance for implementation.

Can I create a visual design preview for colors and typography before implementation?

Yes, you can create a visual design preview artifact showing colors, typography scale, spacing, and components for rapid review before actual development implementation begins.

Does the design-brief skill work with I-Lang protocol briefs for landing page planning?

The design-brief skill works with I-Lang protocol briefs and natural language descriptions, applying design planning scenarios to product interfaces, landing pages, and reusable design systems.

What is the best way to resolve ambiguous design requests into concrete layout planning specifications?

The best way to resolve ambiguous design requests into layout planning specifications is by validating design dimensions and mapping symbolic values to concrete tokens, producing a complete design specification.

What are the limitations when generating design specifications from natural language briefs?

When generating design specifications from natural language briefs, limitations include relying on the clarity of the input request to accurately resolve visual system decisions and define constraints for the resulting design tokens.