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.