Results for “pattern”

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

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

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.

Documents Mistral AI's visual design system including sunset gradient color palette, typography pairing of PP Editorial Old with Inter, spacing tokens, and layout patterns across six page types.

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Apply WordPress's official design tokens, typography, and component patterns to themes and sites.

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

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

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

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

Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.

Full architectural preferences and skill routing map for Sage/Acorn projects — complete workflow ecosystem reference, Lando command tables, design tool URL routing (Paper/Stitch/Figma/Pencil/Playwright), MCP query patterns, discover-abilities, execute-ability, WordPress MCP Adapter, plan system structure, integration with base superpowers skills. Invoke for: "which skill should I use", "architectural preferences", "design tool routing", "mcp query patterns", "full skill list", "sage ecosystem overview", "when to use Livewire vs Blade", "Acorn vs WordPress pattern decision". Skip when: the session-start routing table already covers your decision — invoke the target skill directly instead of loading this overview first.

Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.

Use this when a codebase or design effort needs consistency enforcement for tokens, spacing, typography, color usage, component variants, and reusable interaction patterns.

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

Designs strategic HTML presentations with data visualization, layout patterns, and copywriting formulas for marketing and pitch decks.

Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

Provides principles for 2D game development, covering sprite organization, tilemap design, physics, camera systems, and genre-specific patterns.

Implements accessible, performant UI motion for React and Next.js apps, covering tokens, patterns, and modal behavior.

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.

Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.

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

Defines and applies design tokens for Vue 3 + shadcn-vue projects, including CSS variables, Tailwind configuration, and usage patterns.

Design user flows and screen structure using UX patterns like progressive disclosure, hub-and-spoke navigation, and information pyramids.

Design user flows and screen structures using UX patterns like progressive disclosure, hub-and-spoke navigation, and information pyramids.

Build cross-platform Flutter apps with proven patterns for widgets, state management (Riverpod/Bloc), GoRouter navigation, performance optimization, and testing.

Apply the Doherty Threshold to keep system response times under 400ms, maintaining user flow and perceived performance.

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

Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.

Applies the Vikingo house style to all Hungarian user-facing text: informal tone, typography, terminology, message patterns, and i18n code techniques.

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

Applies a battle-tested bilingual web-design system with typography, responsive rules, and performance patterns for Yuval Avidani's projects.

Provides practical guidance for building iOS applications with UIKit, SnapKit, and SwiftUI, covering layout, typography, colors, accessibility, navigation, and privacy patterns.

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