design-system

Skill for creating and applying design systems for websites and apps. It keeps references to the design systems (colors, typography, components, layout) of 60 real products and proposes/implements the design that best fits the user's request. Triggered by the following keywords: - "design like 〇〇", "〇〇-style design", "a site like 〇〇" (by site name) - "modern design", "dark-mode site", "minimal UI", "warm/human-friendly design" (mood/tone) - "green site", "blue-and-white design", "sites using gradients" (color usage) - "Japanese website", "Japanese service style", "Japanese typography design", "Japanese UI" (Japanese web base) - "design system", "color palette", "typography" - Direct site-name specification: Stripe, Linear, Vercel, Notion, Airbnb, Apple, Spotify, Figma, Framer, Supabase, Claude, Cursor, Raycast, Coinbase, Uber, Resend, Cal, PostHog, Wise, SpaceX, Revolut, Pinterest, Webflow, Miro, Intercom, BMW, NVIDIA, Warp, ElevenLabs, Superhuman, Mistral, Airtable, Clay, Sentry, Zapier, MongoDB, HashiCorp, Kraken, Expo, Mintlify, Sanity, Lovable, ClickHouse, Composio, Cohere, Minimax, Ollama, OpenCode, Replicate, RunwayML, Together AI, VoltAgent, xAI, IBM, メルカリ (Mercari), SmartHR, LINE, freee, クックパッド (Cookpad)