Plugins
6 pluginscurated
Design System Foundation
Create design tokens, principles, and naming conventions for a new design system.
16 skills · plugin
curated
Design System Audit and Remediation
Identify design debt, audit tokens, and enforce consistency across a product.
14 skills · plugin
curated
Publish Mobile-First Page
Scaffold and publish a mobile-first page with responsive layout and design tokens.
4 skills · plugin
curated
React Motion UI System
Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.
5 skills · plugin
@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · plugin
@owl-listener
Visual Critique
Visual critique skills: hierarchy analysis, brand consistency checks against mood/voice/tokens, composition evaluation, and typography audits — with a /critique-screen command that compiles a prioritised fix list.
7 skills · plugin
Results for “tokens”
88 skillsnotion-design-analysis
Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.
50.9k · bundle
design-md
Generates a DESIGN.md file conforming to the Stitch (Google Labs) design.md alpha spec, auto-discovering design tokens and components, then emitting YAML frontmatter and eight standard markdown sections.
0
design-setup
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.
13
brand
Defines brand identity, voice, messaging, and visual standards, with scripts to inject brand context, validate assets, extract colors, and sync guidelines to design tokens.
1 · bundle
design
Unified design skill covering brand identity, design tokens, UI styling, logo and icon generation, corporate identity programs, presentations, banners, and social media images.
1 · bundle
design-system
Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.
· bundle
minimax-design-analysis
Analyzes MiniMax's design system, documenting its dual identity of stark monochrome marketing and vibrant gradient product cards, with detailed color, typography, and layout tokens.
50.9k · bundle
ui-theme-reference
Canonical design token registry covering colors, typography, spacing, sizing, border radius, shadows, z-index, breakpoints, motion, and focus tokens, with a CSS variable template for project setup.
2
mintlify-design-analysis
Analyzes Mintlify's design system, documenting its dual-mode aesthetic of atmospheric marketing heroes and dense developer documentation surfaces, including color tokens, typography hierarchy, and layout patterns.
50.9k · bundle
muapi-ui-design
Generates high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles, translating product requirements into design specifications with platform-specific layouts and design tokens.
3.7k · bundle
design-chain
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.
1
mistral-ai-design-analysis
Documents Mistral AI's visual design system including sunset gradient color palette, typography pairing of PP Editorial Old with Inter, spacing tokens, and layout patterns across six page types.
50.9k · bundle
design-md
Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file.
0 · bundle
design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.
42.4k
design-system
Generate or audit design systems, check visual consistency, and review PRs that touch styling.
226k
design-md
Author, lint, diff, and export Google's DESIGN.md design token spec files, including WCAG contrast validation.
2
design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.
6.4k · bundle
renault-design-analysis
Documents Renault's brand design system including color palette, typography hierarchy, and layout principles for web implementation.
50.9k · bundle
design-token-audit
Audit design token usage across a product for consistency and coverage, identifying hard-coded values and gaps.
1.7k
miro-design-analysis
Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.
50.9k · bundle
ui-review
Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.
42.4k
brand
Defines and manages brand identity including voice, visual standards, messaging frameworks, asset organization, and consistency audits.
· bundle
superhumon-inspired-design-analysis
Analyzes and documents Superhuman's design language, including color palette, typography, layout, and elevation system for implementation.
50.9k · bundle
rayden-use
Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.
42.4k
theming-system
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
1.7k
design-md
Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file, capturing visual theme, colors, typography, and layout principles.
2
stripi-inspired-design-analysis
Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.
50.9k · bundle
design-chain-audit
Audits a codebase against a multi-layer design system, checking token, primitive, component, and layout drift with automated grep checks and severity ratings.
1
version-control-strategy
Define version control strategies for design files, component libraries, and design assets to enable team collaboration and consistency.
1.7k
color-audit
Audits a color palette for semantic token completeness, WCAG contrast compliance, 60-30-10 distribution, and tonal stacking correctness, with a focus on a light-primary site.
1
vodafone-inspired-design-analysis
Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.
50.9k · bundle
maxim-design-system
Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.
2 · bundle
critique-brand-consistency
Check a screen's brand expression by comparing it against mood, voice, and design token reference files, flagging divergences and suggesting corrections.
1.7k
stitch-design-taste
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.
· bundle
xai-inspired-design-analysis
Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.
50.9k · bundle
webflow-inspired-design-analysis
Analyzes and documents Webflow's design language, including color palette, typography hierarchy, spacing system, and layout principles for use in design systems.
50.9k · bundle