Results for “specification”

Provides a comprehensive design system specification inspired by Tesla's website, covering visual theme, color palette, typography, and UI patterns.

Provides a complete design system specification inspired by Lamborghini's brand, including color palette, typography, spacing, and UI component guidelines.

Provides a design system specification inspired by Mastercard's visual language, including color palette, typography, and component patterns for building brand-aligned interfaces.

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

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.

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

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

Create systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.

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

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.

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, standardizes, and governs a Vue 3 + shadcn-vue design system, including component documentation templates, patterns for forms, empty states, loading states, and feedback, plus a consistency checklist and conventional commit conventions.

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.

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

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

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.

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.

Synesthete designer that translates emotional vibes and brand keywords into concrete visual DNA (colors, typography, layouts, interactions). Use when users describe desired "feel" (edgy, trustworthy, premium, playful, minimal) and need specific design specifications. NOT for technical implementation or coding.

Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.

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.

Composes final brand assets in Figma from generated images, applying text, brand tokens, layout, and grid. Optional layer: use when Figma is connected and an editable file is needed. Without Figma, delivers a composition specification.

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.

Validate, review, and compare DESIGN.md design-system files using the Google `@google/design.md` specification and CLI. Trigger this skill whenever the user asks to lint / validate / verify / check / review / diff a `DESIGN.md` (case-insensitive), mentions "design.md", "design system spec", "design tokens YAML", "WCAG contrast on tokens", or uses Korean phrases like "DESIGN.md 검증", "디자인 시스템 검사", "디자인 토큰 점검", "design.md 린트". Also fire when the user pastes a YAML front-matter block that looks like a design-token document (top-level `colors:` / `typography:` / `components:` keys) or when a DESIGN.md file appears in the workspace and the conversation turns to validating, comparing, or shipping it. Covers YAML front matter, markdown section order, token references, component property validity, WCAG contrast findings, missing primary colors or typography, orphaned tokens, and regressions between two DESIGN.md versions.