form-brief

v1.9.1

Translate a design brief (I-Lang or natural language) into a concrete DESIGN.md and HTML token preview — resolves palette, typography, mood, density, and constraints to specific CSS tokens.

Claude Code1 skill

by tonone-aiMIT2.6kupdated 10 hours ago

Source

$ git clone https://github.com/jeremylongshore/claude-code-plugins-plus-skills

Clone the source, then follow the repository's marketplace instructions for your runtime. The plugin root is plugins/ai-agency/tonone/skills/form-brief/ inside the repository.

Layout

plugins/ai-agency/tonone/skills/form-brief/

├── .claude-plugin/plugin.json
└── SKILL.md

Skills1

form-briefSKILL.md

Translate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview. Resolves 8 dimensions (palette, accent, typography, display font, layout, mood, density, constraints) to specific CSS tokens. Use when asked to "create a design brief", "write a DESIGN.md", "define the design system", "design brief for X", "what tokens should we use", or "I-Lang brief".

Manifests1

plugins/ai-agency/tonone/skills/form-brief/.claude-plugin/plugin.json

{
  "name": "form-brief",
  "version": "1.9.1",
  "description": "Translate a design brief (I-Lang or natural language) into a concrete DESIGN.md and HTML token preview — resolves palette, typography, mood, density, and constraints to specific CSS tokens.",
  "author": {
    "name": "tonone-ai",
    "url": "https://tonone.ai"
  },
  "repository": "https://github.com/tonone-ai/tonone",
  "license": "MIT",
  "type": "skill",
  "keywords": [
    "form",
    "skill",
    "design-system",
    "brief"
  ]
}