Packs
8 packscurated
Design System Foundation
Create design tokens, principles, and naming conventions for a new design system.
16 skills · pack
curated
Design System Audit and Remediation
Identify design debt, audit tokens, and enforce consistency across a product.
14 skills · pack
curated
Publish Mobile-First Page
Scaffold and publish a mobile-first page with responsive layout and design tokens.
4 skills · pack
curated
React Motion UI System
Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.
5 skills · pack
@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · pack
@juliusbrussee
Caveman
Token-compression suite: compressed chat mode plus commit, review, help, stats, memory-compress and subagent-crew skills by Julius Brussee.
7 skills · pack
@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 · pack
@pwdev-solucoes
Pwdev Youtrack
Integração com YouTrack Cloud v1.0 — MCP oficial embutido (2025.3+) para issues, busca com query language, comentários, artigos e log de trabalho; fallback REST para agile boards, sprints, relatórios de tempo e anexos; 2 skills, 4 comandos, setup guiado com token no Keychain
2 skills · pack
Results for “token”
88 skills
owl-listener design-token-audit
Audit design token usage across a product for consistency and coverage, identifying hard-coded values and gaps.
1.7k
auto-skiller design-system
Creates and manages design token systems with three-layer architecture, generates CSS variables, validates token usage, and produces brand-compliant slide presentations with Chart.js and contextual decision logic.
1 · bundle
pwdev-solucoes ux-tokens
Defines and applies design tokens for Vue 3 + shadcn-vue projects, including CSS variables, Tailwind configuration, and usage patterns.
2
owl-listener design-token
Define and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.
1.7k
alirezarezvani design-system
Onboards brand tokens and generates a 12-token CSS palette for consistent, WCAG-AA-compliant HTML document styling across markdown conversions.
20.4k · bundle
antigravity ui-tokens
Manage design tokens by listing, adding, and updating them while keeping JSON sources, CSS variables, and dark-mode values in sync.
42.4k
More results
tinh2 design-sync
Imports a design system into the active project, validates UI components against design tokens, fixes token drift, and round-trips edits back to Claude Design.
13
mhassan0000 wpds
Apply WordPress's official design tokens, typography, and component patterns to themes and sites.
1
pwdev-solucoes brand-kit
Extrai tokens de cor, tipografia, grid, logo e componentes do Figma e grava na seção 3 do contexto, marcando itens inferidos quando não há acesso ao Figma.
2
pwdev-solucoes 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
lord1egypt design-md
Author, lint, diff, and export Google's DESIGN.md design token spec files, including WCAG contrast validation.
2
voltagent figma-design-analysis
Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.
50.9k · bundle
voltagent cursor-design-analysis
Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.
50.9k · bundle
comeonoliver extract
Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.
61
alirezarezvani ui-design-system
Generate design tokens, color palettes, typography scales, component systems, and developer handoff documentation for UI design systems.
20.4k · bundle
voltagent elevenlabs
Defines a design system for ElevenLabs with colors, typography, layout, and component tokens for building brand-consistent interfaces.
50.9k · bundle
chimeranext figma
Integrates Figma Dev Mode via MCP to extract assets, components, styles, and design tokens, converting designs to code with high fidelity.
4
owl-listener naming-convention
Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
1.7k
voltagent apple-design-analysis
Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.
50.9k · bundle
voltagent raycast
Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.
50.9k · bundle
voltagent coinbase-design-analysis
Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.
50.9k · bundle
owl-listener theming-system
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
1.7k
nextlevelbuilder 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
drnabeelkhan 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
voltagent supabase
Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.
50.9k · bundle
antigravity rayden-use
Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.
42.4k
voltagent sentri-inspired-design-analysis
Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.
50.9k · bundle
voltagent slacc-inspired-design-analysis
Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.
50.9k
voltagent airtable-design-analysis
Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.
50.9k · bundle
voltagent ferrari-design-analysis
Documents Ferrari's brand design system including color palette, typography, spacing, and layout tokens for use in marketing materials.
50.9k · bundle
voltagent intercom-design-analysis
Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.
50.9k · bundle
voltagent hp-design-analysis
Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.
50.9k · bundle
kvn8888 openfoodjournal-ui
Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.
3
voltagent bmw-design-analysis
Documents the design system of BMW's corporate website, including color palette, typography, spacing, and layout tokens for UI implementation.
50.9k · bundle
voltagent meta-design-analysis
Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.
50.9k · bundle
voltagent wise-inspired-design-analysis
Analyzes and documents Wise's design language, including color palette, typography, spacing, and layout tokens for use in design systems.
50.9k · bundle