Results for “ui-design”

Documents the design system of BMW's corporate website, including color palette, typography, spacing, and layout tokens for UI implementation.

Reviews UI code for compliance with Web Interface Guidelines, checking accessibility, design, and UX best practices.

Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.

Evaluate UI designs through an emotional resonance lens, identifying what's missing and prescribing specific changes at the copy, motion, and interaction layer.

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

Builds accessible, responsive UI components and layouts with shadcn/ui, Tailwind CSS, theming, dark mode, and WCAG 2.1 AA compliance, applying behavioral science principles.

Composite skill — design, scaffold, build, and verify a UI in one workflow. Chains ui-ux-pro-max or web-design-guidelines (audit/principles) → shadcn or tailwind-design-system (component scaffold) → impeccable or frontend-design (build) → webapp-testing (verify). Use when the task is "build this page", "design and implement X", or any new UI surface.

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

Provides guidance and code examples for building enterprise React UIs with Ant Design, including forms, tables, theming, and ProComponents.

Build and modify UI screens, panels, popups, responsive layouts, and UI Toolkit documents in QuizVerse.

Scans frontend files for common design system violations using grep-based checks.

Provides knowledge of Ant Design components for building React UIs, including props, usage, and best practices.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs using a systematic, opinionated design framework.

Generate production-quality React + Tailwind CSS code using the Rayden UI component library with correct props, design tokens, and layout patterns.

Structured framework for reviewing UI designs, evaluating visual hierarchy, consistency, accessibility, spacing, typography, and color usage, and providing actionable improvement recommendations.

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

Batch-converts UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue, with router wiring and shared component extraction.

Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.

Translates Figma designs into project code using the Figma MCP server, fetching design context, screenshots, and assets to implement pixel-perfect UI.

UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.

Generates a complete Figma Make prompt package with context primer, checkpoint, build prompts, and iteration templates for designing UI pages, components, or screens.

Route frontend design and UI implementation prompts to the right design skills. Use for accessibility, frontend visual taste, redesigns, design systems, dashboards, motion, image-to-code, web/mobile image generation, Stitch, Vue conversion, UI demos, or CE frontend design.

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

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

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

Runs a UI redesign experiment by creating three git worktree branches for modern minimal, bold creative, and classic refined design directions, then implements and compares each approach.

Generates opinionated design systems with curated color palettes, font pairings, UI styles, product-type rules, and UX guidelines across multiple tech stacks.

Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.

Routes UI evidence, comparisons, critiques, references, best practices, and design research to one research workflow.

Provides a structured checklist of design principles and rules to produce grounded, non-generic UI/HTML/slide outputs by gathering context, offering multiple variants, and avoiding AI-slop patterns.

Generates design systems and UI/UX recommendations for React Native projects, with domain-specific searches for styles, colors, typography, and best practices.

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

Encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.

Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards with strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

Provides opinionated, evolving constraints to guide agents when building interfaces.