Results for “design-patterns”

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

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

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

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

Stays current on UI design patterns, tools, and frameworks by monitoring release notes and running targeted search queries.

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

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

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

Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.

Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.

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

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.

Select and design navigation patterns that match product structure, user tasks, and platform conventions.

Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

Creates comprehensive design systems with tokens, components, patterns, and documentation

Select a consistent visual design system for PPT slides using radius/spacing style recipes, including Sharp, Soft, Rounded, and Pill variants with component mappings and typography rules.

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

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

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.

Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.

54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.

Responsive design patterns — mobile-first breakpoints, fluid typography, responsive images, touch targets

Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.

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

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

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 Tesla's website, covering visual theme, color palette, typography, and UI patterns.

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

Create refined user personas from research data with demographics, goals, frustrations, and behavioral patterns for product and UX design decisions.

Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.