Prompt & style library
286 hand-picked app briefs, design styles, themes, palettes, fonts and animation patterns — each a detailed prompt you can paste into any AI assistant. Free, no account needed to browse.
Northern Lights
Themeshadcn/ui theme — light and dark tokens, Plus Jakarta Sans.
Light & darkPlus Jakarta Sans
tweakcn
Vintage Paper
Themeshadcn/ui theme — light and dark tokens, Libre Baskerville.
Light & darkLibre Baskerville
tweakcn
Sunset Horizon
Themeshadcn/ui theme — light and dark tokens, Montserrat.
Light & darkMontserrat
tweakcn
Starry Night
Themeshadcn/ui theme — light and dark tokens, Libre Baskerville.
Light & darkLibre Baskerville
tweakcn
Claude
Themeshadcn/ui theme — light and dark tokens.
Light & darktweakcn
Vercel
Themeshadcn/ui theme — light and dark tokens, Geist.
Light & darkGeist
tweakcn
Darkmatter
Themeshadcn/ui theme — light and dark tokens, Geist Mono.
Light & darkGeist Mono
tweakcn
Mono
Themeshadcn/ui theme — light and dark tokens, Geist Mono.
Light & darkGeist Mono
tweakcn
Soft Pop
Themeshadcn/ui theme — light and dark tokens, DM Sans.
Light & darkDM Sans
tweakcn
Sage Garden
Themeshadcn/ui theme — light and dark tokens, Antic.
Light & darkAntic
tweakcn
Interactive Quiz
App promptDevelop a comprehensive interactive quiz application with HTML5, CSS3 and JavaScript. Create an engaging UI with smooth transitions between questions. Support multiple question types including multiple choice, true/fals…
prompts.chat
Todo List
App promptCreate a responsive todo app with HTML5, CSS3 and vanilla JavaScript. The app should have a modern, clean UI using CSS Grid/Flexbox with intuitive controls. Implement full CRUD functionality (add/edit/delete/complete ta…
prompts.chat
Create a PS5-themed Portfolio
App promptAct as a UI/UX Designer. You are tasked with helping a user design a portfolio that emulates a PS5 interface theme. Your task is to: 1. Create an interface where the landing page displays only one user: ${username:defau…
prompts.chat
UX Conversion Deconstruction Engine
App promptYou are a senior UX strategist and behavioral systems analyst. Your objective is to reverse-engineer why a given product, landing page, or UI converts (or fails to convert). Analyze with precision — avoid generic advice…
prompts.chat
E COMMERCE WEBSITE
App promptHere’s a strong **copy-paste prompt** you can use with ChatGPT, Claude, Gemini, or an AI website builder: Act as a senior full-stack web developer and UI/UX designer. I want you to build a modern, professional, fully re…
prompts.chat
Frontend Design (Anthropic skill)
GuideGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
Anthropic skills
Midnight Galaxy
PaletteA dramatic and cosmic theme with deep purples and mystical tones for impactful presentations.
FreeSans
Anthropic skills
Tailwind — coding rules
GuideTailwind CSS and UI component best practices for modern web applications
awesome-cursorrules
Toss Style Design System — coding rules
GuideToss-style UI design rules for disciplined spacing, typography, grayscale hierarchy, restrained color, cards, metrics, dark mode, and accessibility
awesome-cursorrules
Interaction Design & Motion
GuideDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
wshobson agents
Web Component Design
GuideMaster React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing fron…
wshobson agents
Android Design (Material)
GuideMaster Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
wshobson agents
Interface Design (dashboards, tools)
GuideCraft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing, building, reviewing, auditing, or refining product UI where vis…
Interface Design skill
De-slop pass
GuideStrip the signatures that make a UI look AI-generated — flat hierarchy, no focal point, monotone layout, timid palettes, generic tokens, defaulted type, missing states. The design counterpart to a code-deslop pass.
Interface Design skill
Morphing Text
AnimationA dynamic text morphing component for Magic UI.
Magic UI
Dock
AnimationA versatile UI element that provides a flexible and customizable way to organize and display menu items within your application.
Motion-Primitives
Tilt
Animation3D tilt effect that responds to mouse movement, enhancing UI elements with a dynamic depth effect, customizable rotation factors and spring options.
Motion-Primitives
Sources: StyleKit (MIT) · Awesome DESIGN.md (MIT) · UI/UX Pro Max (MIT) · tweakcn (Apache-2.0) · taste-skill (MIT) · Hallmark (MIT) · prompts.chat (CC0-1.0) · Anthropic skills (Apache-2.0) · awesome-cursorrules (CC0-1.0) · VoltAgent subagents (MIT) · wshobson agents (MIT) · Interface Design skill (MIT) · design.md (Google Labs) (Apache-2.0) · Magic UI (MIT) · Motion-Primitives (MIT) · Awesome DESIGN.md — e-commerce (MIT). Brand-inspired entries describe a look only — no names, logos or trademarks belong in your app.