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.
Page-by-Page Build
App promptBased on the approved concept, build the [Homepage/About/etc.] page. Constraints: - Single-file React component with Tailwind - Mobile-first, responsive - Performance budget: no library over 50kb unless justified - [Spe…
prompts.chat
Gravity Flux Flappy Engine
App promptI 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
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
Bento Grid
AnimationBento grid is a layout used to showcase the features of a product in a simple and elegant way.
Magic UI
Floating 3D Particles
AnimationA canvas-based pseudo-3D particle field with perspective projection, continuous rotation, buoyant drift and depth-aware rendering.
Magic UI
Smooth Cursor
AnimationA customizable, physics-based smooth cursor animation component for React applications.
Magic UI
Accordion
AnimationA vertically stacked set of collapsible containers allowing users to toggle content visibility. Customize the animation effects with variants and transitions for expanding/collapsing the sections.
Motion-Primitives
Morphing Dialog
AnimationA dialog that uses layout animations to transition content into a focused view. It supports click-outside and escape key functionalities for closing.
Motion-Primitives
Morphing Popover
AnimationA popover that transforms from its trigger into the content using layout animations. It visually morphs instead of appearing as a separate element.
Motion-Primitives
Progressive blur
AnimationA Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.
Motion-Primitives
Toolbar Dynamic
AnimationChanges height based on content, expanding to display more tools and shrinking to save space. Keeps your screen organized and efficient.
Motion-Primitives
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.