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.

Curated · 286Everything · 1009Showing the whole library (1009 entries), including short or duplicate prompts.
Full style references only 255

Designing a Glassmorphic About Me Page

App prompt

Act as a web designer. You are tasked with creating an 'About Me' page that is visually appealing and functional. Your page should use Glassmorphism design principles with a light warm theme, resembling a pen and paper…

prompts.chat

E COMMERCE WEBSITE

App prompt

Here’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

Interactive Love Message HTML Page

App prompt

Act as a Web Developer. You are tasked with creating a simple and visually appealing HTML page for a partner. Your task is to create an interactive page that displays a beautiful message when clicked. You will: - Use HT…

prompts.chat

Frontend Design (Anthropic skill)

Guide

Guidance 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

Arctic Frost

Palette

A cool and crisp winter-inspired theme that conveys clarity, precision, and professionalism.

DejaVu Sans

Anthropic skills

Botanical Garden

Palette

A fresh and organic theme featuring vibrant garden-inspired colors for lively presentations.

DejaVu Serif / DejaVu Sans

Anthropic skills

Desert Rose

Palette

A soft and sophisticated theme with dusty, muted tones perfect for elegant presentations.

FreeSans

Anthropic skills

Forest Canopy

Palette

A natural and grounded theme featuring earth tones inspired by dense forest environments.

FreeSerif / FreeSans

Anthropic skills

Golden Hour

Palette

A rich and warm autumnal palette that creates an inviting and sophisticated atmosphere.

FreeSans

Anthropic skills

Midnight Galaxy

Palette

A dramatic and cosmic theme with deep purples and mystical tones for impactful presentations.

FreeSans

Anthropic skills

Modern Minimalist

Palette

A clean and contemporary theme with a sophisticated grayscale palette for maximum versatility.

DejaVu Sans

Anthropic skills

Ocean Depths

Palette

A professional and calming maritime theme that evokes the serenity of deep ocean waters.

DejaVu Sans

Anthropic skills

Sunset Boulevard

Palette

A warm and vibrant theme inspired by golden hour sunsets, perfect for energetic and creative presentations.

DejaVu Serif / DejaVu Sans

Anthropic skills

Tech Innovation

Palette

A bold and modern theme with high-contrast colors perfect for cutting-edge technology presentations.

DejaVu Sans

Anthropic skills

React Typescript Shadcn Ui — coding rules

Guide

Cursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration.

awesome-cursorrules

Nextjs 14 Tailwind Seo Setup — coding rules

Guide

Cursor rules for Next.js development with Tailwind CSS and SEO optimization.

awesome-cursorrules

Html Tailwind Css Javascript — coding rules

Guide

Cursor rules for HTML development with Tailwind CSS and JavaScript integration.

awesome-cursorrules

Javascript Astro Tailwind Css — coding rules

Guide

Cursor rules for JavaScript development with Astro and Tailwind CSS integration.

awesome-cursorrules

Nextjs Material Ui Tailwind Css — coding rules

Guide

Cursor rules for Next.js development with Material UI and Tailwind CSS integration.

awesome-cursorrules

Nextjs React Tailwind — coding rules

Guide

Cursor rules for Next.js development with React and Tailwind CSS integration.

awesome-cursorrules

Nextjs Supabase Shadcn Pwa — coding rules

Guide

Cursor rules for Nextjs Supabase Shadcn Pwa.

awesome-cursorrules

Nextjs Tailwind Typescript Apps — coding rules

Guide

Cursor rules for Next.js development with Tailwind CSS and TypeScript integration.

awesome-cursorrules

Nextjs Typescript Tailwind — coding rules

Guide

Cursor rules for Next.js development with TypeScript and Tailwind CSS integration.

awesome-cursorrules

Nextjs15 React19 Vercelai Tailwind — coding rules

Guide

Cursor rules for Next.js development with React 19, Vercel AI, and Tailwind CSS integration.

awesome-cursorrules

Qwik Tailwind — coding rules

Guide

Cursor rules for Qwik development with Tailwind CSS integration.

awesome-cursorrules

React Chakra Ui — coding rules

Guide

Cursor rules for React development with Chakra UI integration.

awesome-cursorrules

React Nextjs Ui Development — coding rules

Guide

Cursor rules for React development with Next.js UI integration.

awesome-cursorrules

Solidjs Tailwind — coding rules

Guide

Cursor rules for Solid.js development with Tailwind CSS integration.

awesome-cursorrules

Sveltekit Restful Api Tailwind Css — coding rules

Guide

Cursor rules for SvelteKit development with RESTful API and Tailwind CSS integration.

awesome-cursorrules

Sveltekit Tailwindcss Typescript — coding rules

Guide

Cursor rules for SvelteKit development with Tailwind CSS and TypeScript integration.

awesome-cursorrules

Swift Uikit — coding rules

Guide

Cursor rules for Swift Uikit.

awesome-cursorrules

Swiftui Guidelines — coding rules

Guide

Cursor rules for SwiftUI development guidelines.

awesome-cursorrules

Tailwind Css Nextjs Guide — coding rules

Guide

Cursor rules for Tailwind CSS development with Next.js integration.

awesome-cursorrules

Tailwind React Firebase — coding rules

Guide

Cursor rules for Tailwind development with React and Firebase integration.

awesome-cursorrules

Tailwind Shadcn Ui Integration — coding rules

Guide

Cursor rules for Tailwind development with shadcn/ui integration.

awesome-cursorrules

Tailwind — coding rules

Guide

Tailwind CSS and UI component best practices for modern web applications

awesome-cursorrules

Toss Style Design System — coding rules

Guide

Toss-style UI design rules for disciplined spacing, typography, grayscale hierarchy, restrained color, cards, metrics, dark mode, and accessibility

awesome-cursorrules

Typescript Nextjs React Tailwind Supabase — coding rules

Guide

Cursor rules for TypeScript development with Next.js, React, Tailwind, and Supabase integration.

awesome-cursorrules

Typescript Nodejs Nextjs React Ui Css — coding rules

Guide

Cursor rules for TypeScript development with Node.js, Next.js, React, UI, and CSS integration.

awesome-cursorrules

Typescript React Nextui Supabase — coding rules

Guide

Cursor rules for TypeScript development with React, NextUI, and Supabase integration.

awesome-cursorrules

Typescript Shadcn Ui Nextjs — coding rules

Guide

Cursor rules for TypeScript development with shadcn/ui and Next.js integration.

awesome-cursorrules

Typescript Vite Tailwind — coding rules

Guide

Cursor rules for TypeScript development with Vite and Tailwind integration.

awesome-cursorrules

Typescript Zod Tailwind Nextjs — coding rules

Guide

Cursor rules for TypeScript development with Zod, Tailwind, and Next.js integration.

awesome-cursorrules

Uikit Guidelines — coding rules

Guide

Cursor rules for UIKit development guidelines.

awesome-cursorrules

UI Designer agent

Guide

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design, interaction patterns, and accessibility consider…

VoltAgent subagents

Frontend Developer agent

Guide

Use when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.

VoltAgent subagents

Design Bridge agent

Guide

Use 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

UI/UX Tester agent

Guide

Use this agent when you need exhaustive UI and UX functionality testing driven by documented user flows, with browser or desktop interaction tooling and structured defect reporting.

VoltAgent subagents

Visual Design Foundations

Guide

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

wshobson agents

Interaction Design & Motion

Guide

Design 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

Design System Patterns

Guide

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing…

wshobson agents

Web Component Design

Guide

Master 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

Guide

Implement 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

Accessibility Compliance

Guide

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, o…

wshobson agents

iOS Design (HIG)

Guide

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

wshobson agents

Android Design (Material)

Guide

Master 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

UI Designer (wshobson)

Guide

Expert 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

Design System Architect

Guide

Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, multi-brand systems, and design-development collabor…

wshobson agents

Interface Design (dashboards, tools)

Guide

Craft-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

Design system: Precision

Guide

Example system for dashboard/admin interfaces

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.