Results for “ui-design”

Stop Codex, GitHub Copilot, Claude Code, and Cursor from shipping generic UI. Use UIZZE’s public catalogue of 800,000+ real web and iOS screens to extract product-specific design decisions and enforce a hard finish gate for web and iOS interfaces.

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

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

Design and implement accessible UI motion systems for React, Next.js, and frontend interfaces. Use for animation, transitions, gestures, drag and drop, page transitions, staggered reveals, SVG motion, loaders, motion tokens, reduced-motion behavior, or the old motion-foundations/motion-patterns/motion-advanced/motion-ui skills.

Expert knowledge for Tailwind CSS styling and component patternsUse when "tailwind, tailwindcss, utility classes, responsive design, dark mode, styling, css classes, tailwind, css, styling, ui, responsive, dark-mode, components" mentioned.

Audits a design against Dieter Rams' ten principles, scores each with evidence, and produces a verdict with a handoff prompt for new, refined, or redesigned output.

Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.

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

Specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Builds a throwaway prototype to answer a design question, either as a terminal app for logic exploration or as multiple UI variations switchable from one route.

Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline, design mappings, professional UI/UX terminology, design tokens and theme system capabilities.

Generate professional UI designs using Google Stitch before building any frontend. Use this skill when building apps, websites, dashboards, landing pages, or any user-facing interface.

Use this skill when designing, reviewing, migrating, or debugging MCP Apps / SEP-1865 interactive UI resources for MCP servers, including dashboards, forms, visualizations, tool-driven workflows, OpenAI Apps SDK migration, MCP-UI compatibility, sandboxing, host support, security review, provenance, and fallback UX.

Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.

Guides Android native app development with Material Design 3, Kotlin/Compose, project configuration, accessibility, and build troubleshooting.

Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.

Frontend architecture and UI design — component hierarchies, accessibility, performance, state management. Use when designing frontend architecture, building component hierarchies, making something accessible, optimizing Core Web Vitals, or choosing a state management approach.

Use this skill when the user is designing any visual system, UI, graphic, layout, brand asset, or interface and needs structured, high-quality, communication-first design decisions across typography, layout, color, imagery, and UX.

Generates images from text prompts using Google Gemini's image generation model, saving them as PNG files for use in UI, documentation, and design assets.

Generates images from text prompts using Google Gemini's image generation model, saving them as PNG files for use in UI, documentation, and design assets.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.