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 19

Developer Tool / IDE palette

Palette

Code dark + run green

UI/UX Pro Max

Developer Terminal

Style

Turn a website into a terminal session: phosphor-green mono text, prompt prefixes, paired command-and-output blocks, and a tmux status bar. Tool authenticity as developer identity.

StyleKit

Developer Mono

Font pairing

JetBrains Mono + IBM Plex Sans — code, developer, technical, precise, functional, hacker

JetBrains Mono / IBM Plex Sans

UI/UX Pro Max

Senior Frontend Developer

App prompt

I 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

GitHub Style

Style

GitHub design language style with clean interface hierarchy, a refined grayscale system, blue interactive color, monospace code fonts, and developer-friendly information architecture.

StyleKit

Dark Mode

Style

Elegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.

StyleKit

Terminal CLI Monospace

Font pairing

JetBrains Mono + JetBrains Mono — terminal, cli, hacker, monospace, matrix, developer, retro-future, command line, precision, OLED

JetBrains Mono

UI/UX Pro Max

UX/UI Developer

App prompt

I want you to act as a UX/UI developer. I will provide some details about the design of an app, website or other digital product, and it will be your job to come up with creative ways to improve its user experience. Thi…

prompts.chat

Next.js Specialized Front-End Developer

App prompt

Act as a Next.js Specialized Front-End Developer. You are an expert in building dynamic and efficient web applications using Next.js and React. Your task is to: - Develop high-performance web applications using Next.js…

prompts.chat

Frontend Developer Skill

App prompt

# Frontend Developer You are an elite frontend development specialist with deep expertise in modern JavaScript frameworks, responsive design, and user interface implementation. Your mastery spans React, Vue, Angular, an…

prompts.chat

Act as an Electron Frontend Developer

App prompt

Act as an Electron Frontend Developer. You are an expert in building desktop applications using Electron, focusing on frontend development. Your task is to: - Design and implement user interfaces that are responsive and…

prompts.chat

Frontend Developer

App prompt

--- name: frontend-developer description: "Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at cre…

prompts.chat

RPA/Agentic AI Process Developer Portfolio Design for Claude

App prompt

Act as a web designer using Claude Design. You are tasked with creating a professional portfolio website for an RPA/Agentic AI Process Developer. Your goal is to design a site that effectively showcases the developer's…

prompts.chat

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

Toolbar Dynamic

Animation

Adjusts width dynamically to accommodate varying tool requirements. Starts small and expands to offer more tools as needed.

Motion-Primitives

Toolbar Dynamic

Animation

Changes height based on content, expanding to display more tools and shrinking to save space. Keeps your screen organized and efficient.

Motion-Primitives

API Developer Portal palette

Palette

Code dark + endpoint green + syntax colors

UI/UX Pro Max

Stripe Style

Style

A refined and professional fintech style featuring Stripe purple as the primary color, complemented by gradient grid backgrounds, elegant card shadows, and smooth animations, ideal for payment products and developer too…

StyleKit

Productivity Tool palette

Palette

Teal focus + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Remote Work/Collaboration Tool palette

Palette

Calm indigo + success green [Accent adjusted from #10B981]

UI/UX Pro Max

Flashcard & Study Tool palette

Palette

Study purple + correct green

UI/UX Pro Max

Invoice & Billing Tool palette

Palette

Navy professional + paid green

UI/UX Pro Max

VPN & Privacy Tool palette

Palette

Shield dark + connected green

UI/UX Pro Max

Linear Style

Style

StyleKit

Code Snippet Manager

App prompt

Build 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

Cyberpunk UI

Style

Neon, dark mode, terminal, HUD, sci-fi, glitch, dystopian, futuristic, matrix, tech noir. Best for Gaming platforms, tech products, crypto apps, sci-fi applications, developer tools, entertainment.

UI/UX Pro Max

Microjig-inspired

Brand-inspired

Microjig's stylesheet exposes a small, deliberate palette anchored by a deep

Full style reference · 12k chars

Neue Haas Grotesk Display Pro 65 Md

Awesome DESIGN.md — e-commerce

Malco-inspired

Brand-inspired

Malco Tools is a manufacturer-direct site for HVACR and building-construction hand tools, and the supplied CSS points to a utilitarian, catalog-driven interface rather than a lifestyle brand. The body font stack is futu…

Full style reference · 11k chars

futura-pt-bold

Awesome DESIGN.md — e-commerce

Corona-inspired

Brand-inspired

Corona Tools presents itself as a heritage American manufacturer (est. 1928) of

Full style reference · 11k chars

NT-font

Awesome DESIGN.md — e-commerce

Hilti-inspired

Brand-inspired

Hilti's public storefront draws on a restrained industrial palette anchored by

Full style reference · 11k chars

Hilti Bold

Awesome DESIGN.md — e-commerce

BendPak-inspired

Brand-inspired

The observed palette centers on a dark navy, "#152d45", which recurs across

Full style reference · 11k chars

Space Grotesk

Awesome DESIGN.md — e-commerce

Notion Style

Style

A minimalist and clean document tool style emphasizing content readability and functionality, using subtle borders, gentle hover effects, and clear typographic hierarchy.

StyleKit

Interactive Cursor Design

Style

Custom cursor, cursor as tool, hover effects, cursor feedback, pointer transformation, cursor trail, magnetic cursor. Best for Creative portfolios, interactive experiences, agency sites, product showcases, gaming, enter…

UI/UX Pro Max

Adobe Spectrum

Style

adobe spectrum, creative tools, enterprise, content creation, tokenized, cross-platform. Best for Creative tools, media workflows, document products, and Adobe-adjacent enterprise software.

UI/UX Pro Max

Dashboard Data

Font pairing

Fira Code + Fira Sans — dashboard, data, analytics, code, technical, precise

Fira Code / Fira Sans

UI/UX Pro Max

Redesign Front-End with Codex

App prompt

Act 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

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

Code Comparison

Animation

A component which compares two code snippets.

Magic UI

Terminal

Animation

An implementation of the MacOS terminal. Useful for showcasing a command line interface.

Magic UI

Composio-inspired

Brand-inspired

A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards…

Full style reference · 21k chars

abcDiatype

Awesome DESIGN.md

Cursor-inspired

Brand-inspired

An 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 chars

CursorGothic

Awesome DESIGN.md

No-code / Low-code Builder palette

Palette

Builder purple + component pink + canvas neutral

UI/UX Pro Max

Modern Dark Cinema (Inter System)

Font pairing

Inter + Inter — dark, cinematic, technical, precision, clean, premium, developer, professional, high-end utility

Inter

UI/UX Pro Max

Lovable-inspired

Brand-inspired

Lovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-toned background (`#f7f4ed`) that immediately separates it from the cold-white conventions of most developer tool sites. T…

Full style reference · 17k chars

Awesome DESIGN.md

Sentry-inspired

Brand-inspired

An inspired interpretation of Sentri's design language — a developer-tools brand built on a deep purple-violet midnight canvas, electric lime accents, and a slightly subversive illustrated personality. The system pairs…

Full style reference · 35k chars

Sentri Display

Awesome DESIGN.md

Voltagent-inspired

Brand-inspired

An 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 chars

Inter

Awesome DESIGN.md

Blueprint

Style

Engineering blueprint and technical drawing style with white lines on blue, grid coordinates, annotation lines, and dimension markers. Ideal for architecture, engineering, tech, and education.

StyleKit

HUD / Sci-Fi FUI

Style

Futuristic, technical, wireframe, neon, data, transparency, iron man, sci-fi, interface. Best for Sci-fi games, space tech, cybersecurity, movie props, immersive dashboards.

UI/UX Pro Max

Brutalist Raw

Font pairing

Space Mono + Space Mono — brutalist, raw, technical, monospace, minimal, stark

Space Mono

UI/UX Pro Max

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

Expo-inspired

Brand-inspired

A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink (`…

Full style reference · 22k chars

Inter

Awesome DESIGN.md

Linear-inspired

Brand-inspired

A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the singl…

Full style reference · 24k chars

Linear Display

Awesome DESIGN.md

Mintlify-inspired

Brand-inspired

Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documenta…

Full style reference · 44k chars

Inter

Awesome DESIGN.md

Sanity-inspired

Brand-inspired

Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire experience sits on a near-black canvas (`#0b0b0b`) that reads less like a "dark…

Full style reference · 21k chars

Awesome DESIGN.md

Vercel-inspired

Brand-inspired

An inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / ma…

Full style reference · 41k chars

Geist

Awesome DESIGN.md

Dashboard Layout

Style

A data-driven dashboard layout featuring side navigation, top toolbar, multi-module data panels, and chart areas -- ideal for admin systems, data analytics platforms, and monitoring dashboards.

StyleKit

Pixel Art

Style

A retro 8-bit pixel game style with no border radii, pixelated borders, hard-edge shadows, and vivid 8-bit color palettes, ideal for games, retro apps, and indie developer projects.

StyleKit

Soft Utility

Style

A soft utility style for frequently used mobile tools, balancing efficiency and warmth with calm surfaces, clear state colors, and friendly hierarchy.

StyleKit

Minimalism & Swiss Style

Style

Clean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. Best for Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools.

UI/UX Pro Max

Claymorphism

Style

Soft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), double shadows, rounded (16-24px). Best for Educational apps, children's apps, SaaS platforms, creative tools, fun-focused, onboarding, casual games.

UI/UX Pro Max

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.