Design Systems Agent Skills

Documents the design system of BMW's corporate website, including color palette, typography, spacing, and layout tokens for UI implementation.

Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.

Documents the visual design system of Expo's marketing site, including color palette, typography, layout, and component styles for consistent brand implementation.

Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.

Analyzes and recreates Uber's design language: a black-and-white palette, custom geometric display and text fonts, pill-shaped interactive elements, and editorial 4:3 illustrations for transportation and delivery interfaces.

Analyzes Warp's design language—warm dark canvas, restrained Inter typography, tight button radii, and terminal-mockup imagery—to extract a reusable design token system.

Analyzes and documents Wise's design language, including color palette, typography, spacing, and layout tokens for use in design systems.

Defines the BMW M brand design system with a near-black canvas, white BMW Type Next Latin typography, full-bleed automotive photography, and the M tricolor stripe as a signature accent.

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

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

Analyzes Airbnb's design system including color palette, typography, shape language, and component patterns for use in design projects.

Documents the warm, editorial design system of Claude.com, including color palette, typography, spacing, and surface modes for consistent brand implementation.

Documents Cohere's 2026 web design system with color palettes, typography hierarchy, spacing, and layout principles for enterprise AI interfaces.

Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.

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.

Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.

Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.

Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.

Analyzes and documents SpaceX's design language, including color palettes, typography, layout, and elevation, for use in design systems and brand guidelines.

Documents Zapier's design language with color palette, typography hierarchy, spacing system, and component specifications for UI implementation.

Analyzes Binance's design system: near-black canvas, single yellow accent (#FCD535), custom BinanceNova/BinancePlex type stack, multi-theme dark/light modes, and trading green/red semantics.

Documents the Bugatti brand design system: a black-and-white interface with custom typefaces, no accent color, and full-bleed photography as the only visual element.

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.

Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.

Documents PostHog's design system: a warm cream canvas, hand-drawn hedgehog mascots, IBM Plex Sans typography, and a single yellow-orange CTA pill, with detailed color, typography, and component specifications.

Documents Revolut's marketing design system: two-mode canvas (black/white), Aeonik Pro display typography, cobalt-violet brand accent, pill-shaped buttons, and product-led photography.

Analyzes and documents a two-track design system with cinematic dark marketing pages and light transactional surfaces, including color palettes, typography hierarchy, and component vocabulary.

Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.

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

Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.

Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.

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

Provides a comprehensive design system specification inspired by The Verge's 2024 redesign, including color palette, typography, and component styles for building dark-themed editorial interfaces.

Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.

Documents Pinterest's design system including color palette, typography, shape geometry, and layout patterns for the home page, search results, and creator marketing surfaces.

Documents Replicate's design system: warm cream canvas, hot orange accent, three-family typography stack (rb-freigeist-neue, basier-square, JetBrains Mono), fully rounded interactive elements, and a section rhythm that alternates between cream, orange hero, dark code-story, and black footer.