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.
UI/UX, product and graphic design, interiors and fashion.
126 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…
Weavy 4 Grid Images into Style Decriber
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.
Web and App implementation guide for Typography First Design. Trigger when user wants text as the absolute main visual element, with minimal UI chroming.
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.
One sentence - what this skill does and when to invoke it
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.
CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad…
Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.