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.
Code Snippet Manager
App promptBuild a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system f…
prompts.chat
Redesign Front-End with Codex
App promptAct as a Front-End Designer using Codex. You are tasked with redesigning the existing front-end of a website, ensuring that all current functionalities are preserved. Your goal is to enhance the visual appeal and create…
prompts.chat
Code Comparison
AnimationA component which compares two code snippets.
Magic UI
No-code / Low-code Builder palette
PaletteBuilder purple + component pink + canvas neutral
UI/UX Pro Max
GitHub Style
StyleGitHub design language style with clean interface hierarchy, a refined grayscale system, blue interactive color, monospace code fonts, and developer-friendly information architecture.
StyleKit
Developer Mono
Font pairingJetBrains Mono + IBM Plex Sans — code, developer, technical, precise, functional, hacker
JetBrains Mono / IBM Plex Sans
UI/UX Pro Max
Dashboard Data
Font pairingFira Code + Fira Sans — dashboard, data, analytics, code, technical, precise
Fira Code / Fira Sans
UI/UX Pro Max
Design Bridge agent
GuideUse this agent when you need to translate a DESIGN.md from the VoltAgent/awesome-design-md repository into polished Claude Code instructions for building user interfaces that faithfully match the chosen brand. Invoke th…
VoltAgent subagents
Claude-inspired
Brand-inspiredA warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model sho…
Full style reference · 34k charsCopernicus
Awesome DESIGN.md
Cursor-inspired
Brand-inspiredAn AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`…
Full style reference · 22k charsCursorGothic
Awesome DESIGN.md
Voltagent-inspired
Brand-inspiredAn inspired interpretation of Voltagent's design language — a developer-focused AI agent engineering platform whose surface is an unrelenting near-black canvas broken only by a single electric-green brand accent, code-e…
Full style reference · 26k charsInter
Awesome DESIGN.md
Blueland-inspired
Brand-inspiredEvery product page at Blueland opens with a color-coded argument — lemon yellow (#fffcbb) for citrus, pale mint (#c8faa1) for eucalyptus, soft lavender (#fce5ff) for fresh linen — a candy-counter display that reframes c…
Full style reference · 20k charsGT-Pressura
Awesome DESIGN.md — e-commerce
Developer Tool / IDE palette
PaletteCode dark + run green
UI/UX Pro Max
Coding Challenge & Practice palette
PaletteCode green + difficulty amber on dark
UI/UX Pro Max
API Developer Portal palette
PaletteCode dark + endpoint green + syntax colors
UI/UX Pro Max
Open Source Project Landing palette
PaletteDark code + star gold + fork silver + sponsor purple
UI/UX Pro Max
Tech/HUD Mono
Font pairingShare Tech Mono + Fira Code — tech, futuristic, hud, sci-fi, data, monospaced, precise
Share Tech Mono / Fira Code
UI/UX Pro Max
Senior Frontend Developer
App promptI want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Vite (React template), yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You sho…
prompts.chat
Digital Visiting Card Product Architect
App promptAct as a Senior Product Architect, UX Designer, and Full-Stack Engineer. Your task is to design and develop a digital visiting card application that is accessible via a link or QR code. You will: - Focus on creating a p…
prompts.chat
UI Designer (wshobson)
GuideExpert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI…
wshobson agents
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
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.