Results for “atomic-design”

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.

Define and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.

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.

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

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.

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

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.

Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.

Analyzes and documents the design system of Together AI's website, extracting colors, typography, and surface patterns for use in design projects.