Packs
6 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
@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
Results for “tokens”
382 skillssentri-inspired-design-analysis
Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.
50.9k · bundle
color-font-skill
Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.
12.9k
motion-system
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
1.7k
slacc-inspired-design-analysis
Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.
50.9k
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
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
intercom-design-analysis
Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.
50.9k · bundle
openfoodjournal-ui
Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.
3
hp-design-analysis
Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.
50.9k · bundle
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
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
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
stitch-react
Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.
1
uupm-design-system
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
0 · bundle
evm
Read-only EVM client: wallets, tokens, gas across 8 chains.
2 · bundle
evm
Read-only EVM client: wallets, tokens, gas across 8 chains.
0 · bundle
evm
Read-only EVM client: wallets, tokens, gas across 8 chains.
0 · bundle
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
orlix
Analyze Base tokens, chat with 19 AI models, deploy B20 tokens, check balances and gas, and verify transactions — all through a unified API.
1.2k · bundle
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
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
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
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
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
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
pumpfun-fees
Configure and claim creator fee sharing on Pump.fun tokens
9
github-auth
GitHub auth setup: HTTPS tokens, SSH keys, gh CLI login.
1 · bundle
github-auth
GitHub auth setup: HTTPS tokens, SSH keys, gh CLI login.
0 · bundle
github-auth
GitHub auth setup: HTTPS tokens, SSH keys, gh CLI login.
0 · bundle
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
bankr-x402-sdk-token-swaps
This skill should be used when the user asks to "swap tokens", "exchange ETH for USDC", "buy DEGEN", "sell tokens", "swap on Base", "trade crypto", "convert ETH to WETH", "exchange tokens", "token swap code", "0x routing", or any token swap operation. Also use for questions about ERC20 approvals, allowanceTarget, swap transaction execution, or building swap transactions with the Bankr SDK.
1
uniswap-driver
Plan Uniswap swaps and liquidity positions then execute via deep links — verify tokens on-chain, research market conditions, and generate pre-filled Uniswap interface URLs across 12 chains.
1.2k · bundle
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
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
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
pumpfun-launcher
Launch new tokens on Pump.fun directly via the Pump SDK
9