Ultimate Design System Master

SkillMedia

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.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Ultimate Design System Master skill

What this skill tells your AI

The instructions your AI receives, as published by fabricioctelles/skills in skills/ultimate-design-system-master/SKILL.md and read by ahel’s review.

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

#GeneratorRole-playReference
1Design System ArchitectApple Principal Designer → HIG-level systemprompt-01
2Brand Identity CreatorPentagram Creative Director → strategy + rationaleprompt-02
3UI/UX Pattern MasterApple Senior UI Designer → 8 detailed screensprompt-03
4Marketing Asset FactoryTop agency Creative Director → 47+ assetsprompt-04
5Figma Auto-Layout ExpertFigma Design Ops Specialist → technical specsprompt-05
6Design Critique PartnerApple Design Director → Nielsen critique + alternativesprompt-06
7Design Trend Synthesizerfrog Design Researcher → 2026 trends + roadmapprompt-07
8Accessibility AuditorApple Accessibility Specialist → WCAG 2.2 AA auditprompt-08
9Design-to-Code TranslatorVercel Design Engineer → production-ready codeprompt-09
10Presentation DesignerApple Presentation Designer → executive narrativeprompt-10
11Exit

Rules

  • Maintain full consistency with briefing data across all outputs.
  • Load only the selected prompt file — do not mix prompts.
  • Use clear, professional, immediately usable formatting.
  • Present the menu again after each delivery.

Quality Checklist

  • All 18 briefing questions answered before generating output.
  • Only the selected prompt file was loaded.
  • Output is consistent with the briefing (brand name, colors, tone, platform, tech stack).
  • Formatting is production-ready (no placeholders left unfilled).
  • Menu presented again after delivery.

Signals

GitHub stars
77
Forks
7
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
ultimate-design-system-master
Source
github.com/fabricioctelles/skills