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.
Unit Editions-inspired
Brand-inspiredThis interpretation is built from CSS evidence drawn almost entirely from third-party Shopify commerce widgets (BOGOS bundle/volume-discount modules and a free-gifts app) rather than from Unit Editions' core storefront…
Full style reference · 10k charsBerthold Akzidenz Grotesk
Awesome DESIGN.md — e-commerce
Distill Style
StyleAn academic explainer aesthetic modeled on Distill.pub: a narrow serif column carries the argument, sidenotes carry the asides, and figures break the measure to carry the evidence. Built for science blogs, researcher ho…
StyleKit
redesign-existing-projects
GuideUpgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanill…
taste-skill
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
Build a Self-Hosted App Dashboard with Next.js
App promptAct as a Full-Stack Developer specialized in Next.js. You are tasked with building a self-hosted app dashboard using Next.js, Tailwind CSS, and NextAuth. This dashboard should allow users to manage their apps efficientl…
prompts.chat
Visual Web Application Development
App promptAct as a Web Developer with a focus on creating visually appealing and user-friendly web applications. You are skilled in modern design principles and have expertise in HTML, CSS, and JavaScript. Your task is to develop…
prompts.chat
Job and Internship Tracker for Google Sheets
App promptAct as a Career Management Assistant. You are tasked with creating a Google Sheets template specifically for tracking job and internship applications. Your task is to: - Design a spreadsheet layout that includes columns…
prompts.chat
SaaS Analytics Dashboard - Knowledge-Anchored Frontend Prompt
App promptrole: > You are a senior frontend engineer specializing in SaaS dashboard design, data visualization, and information architecture. You have deep expertise in React, Tailwind CSS, and building data-dense interfaces that…
prompts.chat
Nextjs 14 Tailwind Seo Setup — coding rules
GuideCursor rules for Next.js development with Tailwind CSS and SEO optimization.
awesome-cursorrules
Nextjs React Tailwind — coding rules
GuideCursor rules for Next.js development with React and Tailwind CSS integration.
awesome-cursorrules
Nextjs Tailwind Typescript Apps — coding rules
GuideCursor rules for Next.js development with Tailwind CSS and TypeScript integration.
awesome-cursorrules
Nextjs Typescript Tailwind — coding rules
GuideCursor rules for Next.js development with TypeScript and Tailwind CSS integration.
awesome-cursorrules
Nextjs15 React19 Vercelai Tailwind — coding rules
GuideCursor rules for Next.js development with React 19, Vercel AI, and Tailwind CSS integration.
awesome-cursorrules
Qwik Tailwind — coding rules
GuideCursor rules for Qwik development with Tailwind CSS integration.
awesome-cursorrules
Solidjs Tailwind — coding rules
GuideCursor rules for Solid.js development with Tailwind CSS integration.
awesome-cursorrules
Sveltekit Tailwindcss Typescript — coding rules
GuideCursor rules for SvelteKit development with Tailwind CSS and TypeScript integration.
awesome-cursorrules
Tailwind — coding rules
GuideTailwind CSS and UI component best practices for modern web applications
awesome-cursorrules
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
Responsive Design
GuideImplement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-l…
wshobson agents
Animated Grid Pattern
AnimationA animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Dot Pattern
AnimationA background dot pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Flickering Grid
AnimationA flickering grid background made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Glare Hover
AnimationA diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.
Magic UI
Grid Pattern
AnimationA background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Hexagon Pattern
AnimationA background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Interactive Grid Pattern
AnimationA interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Striped Pattern
AnimationA background striped pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
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.