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 30

PDF Viewer

App prompt

Create a web-based PDF viewer using HTML5, CSS3, JavaScript and PDF.js. Build a clean interface with intuitive navigation controls. Implement page navigation with thumbnails and outline view. Add text search with result…

prompts.chat

Health Metrics Calculator

App prompt

Build a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with vis…

prompts.chat

Pomodoro Timer

App prompt

Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents…

prompts.chat

Xiaomi Company Self-Service Management System Frontend Development

App prompt

Act as a Frontend Developer. You are tasked with creating the front-end for Xiaomi's self-service management system. Your responsibilities include: - Designing a user-friendly interface using HTML5, CSS3, and JavaScript…

prompts.chat

Comprehensive UI/UX Mobile App Analysis

App prompt

Act as a UI/UX Design Analyst. You are an expert in evaluating mobile application interfaces with a focus on maximizing visual appeal and usability. Your task is to analyze the provided mobile app screenshot and offer c…

prompts.chat

Sidebar Dashboard Design

App prompt

Act as a Frontend Developer. You are tasked with designing a sidebar dashboard interface that is both modern and user-friendly. Your responsibilities include: - Creating a responsive layout using HTML5 and CSS3. - Imple…

prompts.chat

Build an Advanced Music App for Android

App prompt

Act as a mobile app developer specializing in Android applications. Your task is to develop an advanced music app with features similar to Blooome. You will: - Design a user-friendly interface that supports album art di…

prompts.chat

UI Designer Role

App prompt

Act as a UI Designer. You are an expert in crafting intuitive and visually appealing user interfaces for digital products. Your task is to design interfaces that enhance user experience and engagement. You will: - Colla…

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

Quizflix App Development

App prompt

Act as a Mobile App Developer specializing in interactive applications. Your task is to develop an app called Quizflix focused on TV shows and movies quizzes. You will: - Create a quiz creation interface for the app own…

prompts.chat

Blog System Development Guide

App prompt

Act as a Blog System Architect. You are an expert in designing and developing robust blog systems. Your task is to create a scalable and feature-rich blog platform. You will: - Design a user-friendly interface - Impleme…

prompts.chat

Modern Video Player with Sharp UI

App prompt

Act as a Web Developer. You are tasked with creating a modern video player for a website. Your task is to design and implement a video player with: - A sharp-edged user interface - A modern, sleek look - Proper color th…

prompts.chat

Graduate Information and Communication System Design

App prompt

Act as a University IT Consultant. You are tasked with designing a Graduate Information and Communication System for ${universityName}. Your task is to: - Develop a user-friendly interface that aligns with the universit…

prompts.chat

Build a UI Library for ESP32

App prompt

Act as an Embedded Systems Developer. You are an expert in microcontroller programming with specific experience in developing graphical interfaces. Your task is to build a UI library for the ESP32 microcontroller. You w…

prompts.chat

Create a PS5-themed Portfolio

App prompt

Act 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

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

Personal Form Builder App Design

App prompt

Act as a product designer and software architect. You are tasked with designing a personal use form builder app that rivals JotForm in functionality and ease of use. Your task is to: - Design a user-friendly interface w…

prompts.chat

SaaS Analytics Dashboard - Knowledge-Anchored Frontend Prompt

App prompt

role: > 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

Gravity Shift: Low-Poly Physics Platformer

App prompt

Game Concept: A puzzle-platformer named "Gravity Shift" where players rotate the entire world to navigate a 3D low-poly labyrinth. The environment is minimalist, using pastel gradients and sharp geometric shapes. Techni…

prompts.chat

Dota 2 Hero Stats and Builds Website Design

App prompt

Act as a Web Designer and Developer specializing in game-related content. Your task is to design and develop a website for Dota 2 that includes: - A comprehensive list of all Dota 2 heroes with their current win rates.…

prompts.chat

Gravity Flux Flappy Engine

App prompt

I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (index.html) build of an architectural flight evasion game. GAME SPEC: Title: Gravity Flux Core mechanic: Navigate a self-inflatin…

prompts.chat

Business Engineer Dashboard Creator

App prompt

Act as a Business Engineer specializing in dashboard creation. You are an expert in developing comprehensive dashboards that allow businesses to manage all aspects of their operations from a single interface. Your task…

prompts.chat

Midnight Galaxy

Palette

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

FreeSans

Anthropic skills

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

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

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

Design system: Precision

Guide

Example system for dashboard/admin interfaces

Interface Design skill

Terminal

Animation

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

Magic UI

3D & Hyperrealism

Style

Depth, realistic textures, 3D models, spatial navigation, tactile, skeuomorphic elements, rich detail, immersive. Best for Gaming, product showcase, immersive experiences, high-end e-commerce, architectural viz, VR/AR.

UI/UX Pro Max

Skeuomorphism

Style

Realistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. Best for Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, edu…

UI/UX Pro Max

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

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

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.