Design Systems

owl-listener Skill

Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.

owl-listener Skill

Establish design review gates with criteria, checklists, and approval workflows to maintain design quality.

owl-listener Skill

Generate structured documentation templates for components, patterns, or guidelines within a design system.

owl-listener Skill

Create adoption strategies and materials to drive design system usage across teams.

samuraigpt Bundle

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.

voltagent Bundle

Documents IBM's marketing design system based on Carbon Design System, including colors, typography, layout, and component specifications for enterprise marketing canvases.

voltagent Bundle

Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.

voltagent Bundle

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

voltagent Bundle

Analyzes and recreates Wired magazine's editorial design language: a strict black-and-white duet, proprietary serif/sans typographic system, square buttons, magazine-style story grid, and hairline borders.

voltagent Bundle

Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.

voltagent Bundle

Analyzes and documents Resend's brand design system, including color palette, typography, spacing, and component patterns for dark-themed developer tools.

voltagent Bundle

Analyzes Vercel's design language, documenting its color system, typography, surface hierarchy, and gradient-based decorative system for use in design systems or brand analysis.

voltagent Bundle

Provides a design system specification inspired by Lovable's website, including visual theme, color palette, typography rules, and component styling for building warm, approachable interfaces.

voltagent Bundle

Documents Renault's brand design system including color palette, typography hierarchy, and layout principles for web implementation.

voltagent Bundle

Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.

voltagent Bundle

Provides a design system specification inspired by Runway's cinematic, dark-themed interface with full-bleed photography, single-typeface typography, and minimal UI elements.

voltagent Bundle

Documents HashiCorp's marketing design system: near-black canvas, per-product accent colors, hashicorpSans typography, and charcoal card surfaces for multi-product brand identity.

voltagent Bundle

Defines a high-contrast brand identity system for ClickHouse using near-pure black canvas, electric yellow accents, and Inter typography across dark surface cards.

voltagent Bundle

Analyzes and documents Superhuman's design language, including color palette, typography, layout, and elevation system for implementation.

tinh2 Skill

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.

tinh2 Skill

Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.

kvn8888 Skill

Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.

drnabeelkhan Skill

Designs accessible, consistent user interfaces using atomic design methodology, design systems, and WCAG 2.1 AA standards, producing annotated specs for developer handoff.

joshuashepherd Skill

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.

samyakjhaveri Skill

Generates opinionated design systems with curated color palettes, font pairings, UI styles, product-type rules, and UX guidelines across multiple tech stacks.

auto-skiller Bundle

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.

auto-skiller Bundle

Defines brand voice, visual identity, messaging frameworks, and asset management, with scripts to sync guidelines to design tokens and validate assets.

vikingokft Bundle

Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.

vikingokft Skill

Converts existing frontend code into a Stitch Design by chaining static HTML extraction, design system extraction, and file upload.

moonklabs Skill

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.

akillness Bundle

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.

antigravity Skill

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

antigravity Skill

Scans frontend files for common design system violations using grep-based checks.

voltagent Bundle

Analyzes and documents the Cal.com design system, including color tokens, typography hierarchy, spacing, and component patterns for use in design implementations.

voltagent Bundle

Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.

voltagent Bundle

Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.