Kickstart Prompt for Web UX & UI Design
A prompt to kick start a web design project. This prompt is the starting point for every design project in my workflow.
Interfaces, wireframes, design systems and usability.
88 prompts
A prompt to kick start a web design project. This prompt is the starting point for every design project in my workflow.
It asks an AI to assume the persona of a Senior Frontend Engineer & Product Reviewer to perform a high-level critique of a Next.js (App Router) project. Instead of writi…
This prompt instructs Claude to crawl the entire codebase and extract every design-related token, pattern, and component into a raw inventory. It produces a structured J…
Transforms any idea into a clean, premium, Apple-inspired UI system with real design discipline and production-ready structure. It avoids “AI-vibe coded” outputs by enfo…
Design a personal form builder app similar to JotForm, focusing on ease of use, modularity, and customization.
Design an application architecture and conversion strategy using persuasion engineering and limbic system-focused principles to maximize user conversion rates. This prom…
Act as a UI Designer to create intuitive and visually appealing user interfaces.
One sentence - what this skill does and when to invoke it
Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.
Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.
Web and App implementation guide for Spatial Computing UI. Trigger when user wants floating elements, environmental awareness, and Apple Vision Pro style.
Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.
Analyze skin health data, identify skin problem patterns, assess skin health status. Supports correlation analysis with nutrition, chronic diseases, and medication data.
Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI l…
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable f…
Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design sys…
Web and App implementation guide for Monochromatic UI. Trigger when user wants a single-color palette, high elegance, and strict color discipline.
Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.
Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.
Extensive icon library and AI-driven icon generation skill for premium UI/UX design.
Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.
Web and App implementation guide for Holographic UI. Trigger when user wants light-based appearance, projected interfaces, and transparent floating elements.
Web and App implementation guide for Floating UI. Trigger when user wants detached cards, elevated components, and a light, airy feel.