Text
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.
Prompts about Ui Ux
Search and filter the whole catalogue. Results update as you type.
14 prompts
Text
“Explain It Like I Built It” Technical Documentation for Non-Technical Founders
A prompt system for generating plain-language project documentation. This prompt generates a [FORME].md (or any custom name) file a living document that explains your en…
Text
Design System Extraction Prompt Kit
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…
Text
Apple-Level UI System Designer (2026 Standard)
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…
Text
Modern Web Development Assistant
A powerful prompt for generating modern responsive websites, frontend designs, backend logic, APIs, debugging help, and full-stack web applications using latest technolo…
Agent Skill
Designing a Feature Testing Page for Enterprise WeChat/DingTalk
Create a feature testing page design for Enterprise WeChat/DingTalk focusing on address book management, calendar/schedule management, and message sending/receiving. The…
Text
Design System Consistency Auditor
This prompt detects inconsistencies and design debt to stabilize and scale UI systems. ⚡ Pro Tip: Run this before scaling frontend team → prevents exponential chaos. Per…
Text
AI-First Design Handoff Generator (Dev-Ready Spec)
This prompt transforms a UI concept into a fully structured, implementation-ready design handoff optimized for both frontend developers and AI coding agents. It bridges…
Text
UX Conversion Deconstruction Engine
Reverse-engineers any UI to reveal why it converts (or fails) using behavioral and UX analysis. Pro Tip: Run this on top SaaS landing pages weekly → your UX intuition co…
Text
Pre-Launch Checklist Generator
Generates a comprehensive, project-specific pre-launch checklist covering every category a designer should verify before going live. Not a generic list it's tailored to…
Text
Lighthouse & Performance Optimization
Runs a performance-focused analysis of the built site and produces actionable optimization recommendations. This isn't just "run Lighthouse" it interprets the results, p…
Text
Visual QA & Cross-Browser Audit
Systematically checks a built design against its intended specification across browsers, devices, and edge cases. This is the designer's QA not functional testing, but v…
Text
Design Handoff Notes – AI First, Human Readable
Generates a design handoff document that serves as direct implementation instructions for AI coding agents. Unlike traditional handoff notes that describe how a design "…
Text
Tistory Blog Skin UI/UX Enhancement Pipeline
Tistory Poster 스킨 기반 블로그의 UI/UX를 프로페셔널 수준으로 개선하는 구조화된 프롬프트. inpa.tistory.com 레퍼런스 기반.