sungjin9288

Design From Brief — Design skill for Claude Code

Design community

Generate a complete design system (palette + foundations + component baseline + starter set + handoff) from a one-paragraph product brief.

How to install Design From Brief

Installs to ~/.claude/skills/sungjin9288-design-ai-design-from-brief/SKILL.md

Terminal

mkdir -p ~/.claude/skills/sungjin9288-design-ai-design-from-brief && curl -fsSL https://raw.githubusercontent.com/sungjin9288/design-ai/HEAD/commands/design-from-brief.md -o ~/.claude/skills/sungjin9288-design-ai-design-from-brief/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design From Brief does

description: Generate a complete design system (palette + foundations + component baseline + starter set + handoff) from a one-paragraph product brief.

Produce a full design system bootstrap deliverable from the brief in `$ARGUMENTS`.

Input

Parse `$ARGUMENTS` as a single paragraph describing:

Product type / category (fintech, social, e-commerce, content, etc.)
Audience (consumer / B2B / age / region)
Platform (web / mobile / native / cross-platform)
Mood / tone (trustworthy

Alternatives in Design

NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
Hue — open-source skill that learns any brand and turns it into a complete design system 806 ★