ultimate-design-system-master
FeaturedCreate 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.
Install
Quality Score: 88/100
Skill Content
Details
- Author
- fabricioctelles
- Repository
- fabricioctelles/skills
- Created
- 7 months ago
- Last Updated
- 4 days ago
- Language
- Python
- License
- Apache-2.0
Similar Skills
Semantically similar based on skill content — not just same category
ultimate-designer
Design interfaces and visual work with a deliberate aesthetic instead of defaulting to templated output. Use this skill whenever the user asks to design, build, style, mock up, or redesign anything visual — a landing page, portfolio, dashboard, app screen, component, poster, deck, or brand look — or asks for something to look a specific way ("make it feel premium", "more editorial", "like Linear", "brutalist", "less generic", "this looks like AI made it"). Also use it when picking a colour palette, type pairing, layout, or component behaviour, when naming an aesthetic direction, or when the user shares a reference and wants something in that language. It reads the brief, commits to a named style, applies real component and layout rules, and runs an anti-slop check before shipping.
ui-design-system
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use when creating design systems, generating design tokens, maintaining visual consistency, or facilitating design-dev collaboration and developer handoff.
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.