design-brief

Parses I-Lang design briefs to generate DESIGN.md and brief-preview.html.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/LucasOl1337/simple-ai --skill design-brief-lucasol1337
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-brief
Source: https://github.com/LucasOl1337/simple-ai/tree/main/DesignTemplates/embedded/open-design/skills/design-brief
Command: npx skills add https://github.com/LucasOl1337/simple-ai --skill design-brief-lucasol1337

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts vague, natural-language design requests into explicit, deterministic design specifications by requiring explicit dimensions (palette, typography, layout, mood, density, and constraints) and producing a canonical DESIGN.md.

Core Features & Use Cases

  • Validates and resolves eight design dimensions against a structured I-Lang brief or plain language descriptions.
  • Generates DESIGN.md plus an optional brief-preview.html, ready for design-system consumption.
  • Enforces a reproducible workflow by mapping symbolic tokens to concrete design tokens and surfacing a ready-to-use design system.

Quick Start

Provide an I-Lang design brief or natural description, and the skill will generate a DESIGN.md and an optional visual preview.

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 brief into clear design specs?▼

To turn a vague design brief into clear design specs, provide a natural language description or structured I-Lang input to generate a canonical DESIGN.md resolving palette, typography, layout, mood, density, and constraints.

How do I resolve symbolic design tokens into concrete values for a design system?▼

You can resolve symbolic design tokens into concrete values by parsing structured I-Lang briefs, which maps abstract variables to deterministic design tokens ready for design-system consumption and validation.

Can I generate an HTML preview directly from my design documentation?▼

Yes, you can generate an HTML preview directly from design documentation by processing I-Lang briefs to automatically produce a brief-preview.html file alongside the canonical DESIGN.md output.

What is the best way to prevent ambiguity in design palette and typography planning?▼

The best way to prevent ambiguity in design palette and typography planning is enforcing eight explicit design dimensions through a reproducible workflow that validates inputs and surfaces ready-to-use design system tokens.

Do I need structured I-Lang input to generate a DESIGN.md file?▼

No, you do not need structured I-Lang input to generate a DESIGN.md file; the workflow accepts plain natural language descriptions and automatically validates them against the required design dimensions.

How does the Open Design workflow handle design constraints validation?▼

The Open Design workflow handles design constraints validation by enforcing eight design dimensions, preventing ambiguity in layout and mood, resolving symbolic tokens, and validating inputs to produce deterministic design specifications.