Packs

8 packs
curated
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”

166 skills
owl-listener
theming-system
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
1.7k
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
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
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
intercom-design-analysis
Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.
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
hp-design-analysis
Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.
50.9k · bundle
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
joshuashepherd
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
openai
figma-generate-library
Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.
23.3k · bundle
joshuashepherd
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
joshuashepherd
design-audit
Audits a page or component against the Digital Curator design spec and movemental conventions, checking visual quality, accessibility, token compliance, and consistency before shipping.
1
kensaurus
design-system
Build and maintain cohesive design systems and component libraries with tokens, theming, and documented variants. Use when the user says "design system", "component library", "design tokens", "theming", "consistent styling", "reusable components", or "variant props".
8
affaan-m
motion-foundations
Provides a foundational motion system for React/Next.js apps using motion/react, including tokens, spring presets, accessibility enforcement, SSR safety, and performance rules.
226k
voltagent
cal-com-design-analysis
Analyzes and documents the Cal.com design system, including color tokens, typography hierarchy, spacing, and component patterns for use in design implementations.
50.9k · bundle
voltagent
opencode-design-analysis
Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.
50.9k · 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
moonklabs
sprintable-design
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.
0 · bundle
owl-listener
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
pwdev-solucoes
figma
Translates between Figma designs and Vue 3 + shadcn-vue code, mapping Auto Layout to Tailwind, extracting design tokens, and pushing components back to Figma via MCP.
2
subvisual
design-system
Use when a project's visual foundation — typography scale, color palette, spacing — needs establishing as canonical design tokens; the target has no design system yet (the 0→1 case), the A-Team design phase needs tokens for the lofi and the spec's design-system mapping, or a human runs the token flow standalone ("set up the design system", "pick fonts and colors", "define design tokens"). In the A-Team pipeline it is conducted by ateam-design in pipeline mode — no interview; inputs derive from context.md's
0 · bundle
voltagent
nvidia-design-analysis
Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.
50.9k · bundle
voltagent
ollama-design-analysis
Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.
50.9k · bundle
auto-skiller
ckm-brand
Defines brand voice, visual identity, messaging frameworks, and asset management, with scripts to sync guidelines to design tokens and validate assets.
1 · bundle
voltagent
clay-design-analysis
Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.
50.9k · bundle
voltagent
notion-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
moonklabs
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
tinh2
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
auto-skiller
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
auto-skiller
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
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
voltagent
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
pwdev-solucoes
ui-best-practices
Enforces a canonical UI/UX ruleset with 14 sections and 70+ prioritized rules (P0–P3) for implementing, reviewing, or auditing UI components, referencing tokens from a theme reference.
2
akillness
design-system
Define or refactor a shared frontend UI system by establishing token governance, visual-language rules, primitive naming, and cross-product consistency before polishing individual screens.
42 · bundle