mcpField
U
ultimate-design-system-master

ultimate-design-system-master

github.com/fabricioctellesDesign & UI123128 installsUpdated 2d ago
Repository

About ultimate-design-system-master

A guided design skill that gathers project requirements, then uses a selected prompt reference to generate one of ten design-related outputs. It repeats the menu after each delivery and uses the briefing to keep outputs consistent.

Key features

  1. 0118-question project briefing
  2. 02Menu of 10 design generators
  3. 03Loads only the selected prompt reference
  4. 04Carries briefing details across outputs
  5. 05Repeats the menu after each delivery

Use cases

  1. 01Creating a design system from a project brief
  2. 02Generating brand identity or UI/UX patterns
  3. 03Reviewing accessibility or design quality
  4. 04Translating designs into production code

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/fabricioctelles/skills --skill ultimate-design-system-master

After installing, type/ultimate-design-system-masterin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
briefing-questionnaire.md
prompt-01-design-system-architect.md
prompt-02-brand-identity-creator.md
prompt-03-ui-ux-pattern-master.md
prompt-04-marketing-asset-factory.md
prompt-05-figma-auto-layout-expert.md
prompt-06-design-critique-partner.md
prompt-07-design-trend-synthesizer.md
prompt-08-accessibility-auditor.md
prompt-09-design-to-code-translator.md
prompt-10-presentation-designer.md

Details

From the project README

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

#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.

Comments

Markdown supported