Design Systems

voltagent Bundle

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

voltagent Bundle

Defines a design system for ElevenLabs with colors, typography, layout, and component tokens for building brand-consistent interfaces.

voltagent Bundle

Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.

voltagent Bundle

Provides a design system specification inspired by Mastercard's visual language, including color palette, typography, and component patterns for building brand-aligned interfaces.

voltagent Bundle

Provides a complete design system specification inspired by Lamborghini's brand, including color palette, typography, spacing, and UI component guidelines.

voltagent Bundle

Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.

voltagent Bundle

Documents the PlayStation marketing design system with three alternating canvas modes, PlayStation SST typography at weight 300, and a restrained chrome vocabulary where imagery occupies 60-90% of each section.

majiayu000 Bundle

Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.

ecnu-icalk Bundle

Applies curated color and font themes to artifacts like slides, docs, and HTML pages, with options to generate custom themes on demand.

tinh2 Skill

Scans a codebase to extract design tokens, typography, colors, spacing, and brand patterns, then writes a Design Context section to CLAUDE.md without asking questions.

comeonoliver Skill

Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.

drnabeelkhan Bundle

Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.

drnabeelkhan Bundle

Orchestrates cross-domain design work by dispatching to specialized design sub-skills and applying behavioral science frameworks for audits, critiques, and strategy.

drnabeelkhan Bundle

Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

nimoqup046-collab Skill

Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file, capturing visual theme, colors, typography, and layout principles.

lord1egypt Skill

Author, lint, diff, and export Google's DESIGN.md design token spec files, including WCAG contrast validation.

pwdev-solucoes Skill

Documents, standardizes, and governs a Vue 3 + shadcn-vue design system, including component documentation templates, patterns for forms, empty states, loading states, and feedback, plus a consistency checklist and conventional commit conventions.

pwdev-solucoes Skill

Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.

pwdev-solucoes Bundle

Design precise, production-grade enterprise UI — dashboards, admin panels, SaaS interfaces, and data-heavy applications. Use this skill for professional software interfaces that need Jony Ive-level craft: clean, minimal, functional, with intentional personality. Do NOT use for creative landing pages, marketing sites.

pwdev-solucoes Skill

Cria e mantém o contexto de criativos da marca, incluindo Figma, brand kit, formatos, geradores e restrições, para uso por outras skills do plugin.

joshuashepherd Skill

Audits a codebase against a multi-layer design system, checking token, primitive, component, and layout drift with automated grep checks and severity ratings.

joshuashepherd Skill

Audits and enforces a five-layer design chain (tokens, Tailwind, primitives, sections, pages) across components and pages, detecting hardcoded values, layer violations, dark mode parity issues, and missing primitives.

auto-skiller Bundle

Defines brand identity, voice, messaging, and visual standards, with scripts to inject brand context, validate assets, extract colors, and sync guidelines to design tokens.

auto-skiller Bundle

Unified design skill covering brand identity, design tokens, UI styling, logo and icon generation, corporate identity programs, presentations, banners, and social media images.

auto-skiller Bundle

Generates design systems and UI/UX recommendations for React Native projects, with domain-specific searches for styles, colors, typography, and best practices.

mhassan0000 Skill

Apply WordPress's official design tokens, typography, and component patterns to themes and sites.

chimeranext Skill

Integrates Figma Dev Mode via MCP to extract assets, components, styles, and design tokens, converting designs to code with high fidelity.

vikingokft Bundle

Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file.

vikingokft Bundle

Analyzes frontend source code to extract a comprehensive design system document (DESIGN.md) capturing colors, typography, spacing, and component patterns without building or rendering the app.

moonklabs Bundle

Generates on-brand interfaces and assets for Sprintable, from throwaway HTML prototypes to production code, using the included design tokens, fonts, and UI kit components.

lucaspmarie-a11y Skill

Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file, capturing visual theme, colors, typography, and layout principles.

antigravity Skill

Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.

google-labs-code Bundle

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.

google-labs-code Bundle

Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards with strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

google-labs-code Bundle

Manage design systems in Stitch using MCP tools, including retrieval of assets, creating or updating design systems, and applying them to screens.

owl-listener Skill

Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.