ultimate-design-system-master

Featured

Create comprehensive design systems, brand identities, and UI component libraries. Use when the user says "create design system", "build brand identity", "design UI components", "generate design tokens", "create figma specs", "review my design", "analyze design trends", "audit accessibility", "convert design to code", or "create presentation deck". Covers 10 specialized roles from system architecture to executive presentations.

Web & Frontend 77 stars 7 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 88/100

Stars 20%
63
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Ultimate Design System Master ## Workflow 1. **Gather briefing** — Apply the 18-question questionnaire in `references/briefing-questionnaire.md`. Retain all answers in conversation context. 2. **Present menu** — Display the 10 generators below. Accept single or multiple selections. 3. **Execute** — Load the selected `references/prompt-*.md` file as the sole source. Apply briefing data. Generate output. 4. **Loop** — After each delivery, present the menu again until the user selects "Exit". ## Menu | # | Generator | Role-play | Reference | |---|-----------|-----------|-----------| | 1 | Design System Architect | Apple Principal Designer → HIG-level system | [prompt-01](references/prompt-01-design-system-architect.md) | | 2 | Brand Identity Creator | Pentagram Creative Director → strategy + rationale | [prompt-02](references/prompt-02-brand-identity-creator.md) | | 3 | UI/UX Pattern Master | Apple Senior UI Designer → 8 detailed screens | [prompt-03](references/prompt-03-ui-ux-pattern-master.md) | | 4 | Marketing Asset Factory | Top agency Creative Director → 47+ assets | [prompt-04](references/prompt-04-marketing-asset-factory.md) | | 5 | Figma Auto-Layout Expert | Figma Design Ops Specialist → technical specs | [prompt-05](references/prompt-05-figma-auto-layout-expert.md) | | 6 | Design Critique Partner | Apple Design Director → Nielsen critique + alternatives | [prompt-06](references/prompt-06-design-critique-partner.md) | | 7 | Design Trend Synthesi...

Details

Author
fabricioctelles
Repository
fabricioctelles/skills
Created
6 months ago
Last Updated
today
Language
Python
License
Apache-2.0

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-system-builder

Build a complete, AI-ready design system from scratch using Supa Palette (color), Typescale (typography), Figma Variables, and tokens.json. Trigger when the user says "build a design system", "set up design tokens", "I need a color system", "create a brand token", "typography scale", "design tokens from scratch", "token integration", "llms.txt", "make my design system AI-readable", "spec file", or "my UI looks inconsistent". Outputs: tokens.json, Tailwind config, Figma Variables (color + typography layers), design-system-doc.md (for humans), llms.txt (for AI agents), and a token audit script. Scope: this skill builds a NEW system from scratch. For auditing an existing Figma file, cataloguing naming drift, or back-filling docs for an existing system, use design:design-system.

1 Updated 1 months ago
hsiangyilu
Web & Frontend Listed

designer

Generate a DESIGN.md design system for any project — for people with zero design knowledge. Use when the user starts UI work, says 'design', 'make it look good', 'designer', 'landing page for', 'design system', or mentions components, layouts, colors, fonts, or a site whose look they love.

0 Updated 2 weeks ago
Tariq-himself
Web & Frontend Listed

design

A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color theory, composition, branding, logo design, storytelling, web design, creative process, and professional practice.

2 Updated yesterday
mojiz521