Packs

8 packs

Design System Foundation

Create design tokens, principles, and naming conventions for a new design system.

16 skills · pack

Design System Audit and Remediation

Identify design debt, audit tokens, and enforce consistency across a product.

14 skills · pack

Publish Mobile-First Page

Scaffold and publish a mobile-first page with responsive layout and design tokens.

4 skills · pack

React Motion UI System

Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.

5 skills · pack

Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.

11 skills · pack

Token-compression suite: compressed chat mode plus commit, review, help, stats, memory-compress and subagent-crew skills by Julius Brussee.

7 skills · pack

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

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”

68 skills

Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.

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

critique-typography

Audits typographic decisions on a screen for scale usage, readability, consistency, and token compliance, providing specific fixes.

figma-design-analysis

Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.

50.9k · bundle

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

ui-design-system

Generate design tokens, color palettes, typography scales, component systems, and developer handoff documentation for UI design systems.

20.4k · bundle

More results

Build interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.

apple-design-analysis

Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.

50.9k · bundle

Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.

50.9k · bundle

coinbase-design-analysis

Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.

50.9k · bundle

Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.

50.9k · bundle

Builds narrative-driven HTML slide decks for pitches, briefings, demos, and talks, applying persuasion frameworks and design tokens.

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.

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

color-font-skill

Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.

slacc-inspired-design-analysis

Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.

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

hp-design-analysis

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

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.

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.

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

maxim-design-system

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

Audits a page or component against the Digital Curator design spec and movemental conventions, checking visual quality, accessibility, token compliance, and consistency before shipping.

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.

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

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.

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.

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

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

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

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.

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

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-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.

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.