Prompts
Fill-in prompts written to a seven-part template. Component prompts are atomic; scene prompts compose whole pages by referencing them. Prompts not yet run against a live model are honestly labelled “Stale”.
- 001 Scene Admin Dashboard Stale The admin home trio: sidebar navigation, stat cards, and a data table. v1.0.0 · html-css / tailwind / react
- 002 Scene App Three-Screen Skeleton Stale The classic three-screen app skeleton: tab bar shell, list home, content detail. v1.0.0 · html-css / tailwind / react
- 003 Scene Sign-in / Sign-up Flow Stale The full sign-in flow: login form, field rules, and result feedback. v1.0.0 · html-css / tailwind / react
- 004 Scene Checkout Flow Stale From cart to order placed: cart items, checkout form, step indicator, result feedback. v1.0.0 · html-css / tailwind / react
- 005 Scene Content Detail Page Stale A full content detail page: app bar, hero block, body, and a bottom-sheet action menu. v1.0.0 · html-css / tailwind / react
- 006 Scene Product Landing Page Stale A full landing page: header, hero, and pricing — the conversion trio. v1.0.0 · html-css / tailwind / react
- 007 Scene Onboarding Flow Stale First-run path: three onboarding screens into sign-in — value first, account second. v1.0.0 · html-css / tailwind / react
- 008 Scene Profile Center Stale The full Me page: profile header, notification entry, and settings list. v1.0.0 · html-css / tailwind / react
- 009 Scene Settings Page Stale A complete settings page: grouped lists and switch rows, with a danger zone. v1.0.0 · html-css / tailwind / react
- 010 Scene Shop Home Stale An e-commerce home: search bar, carousel, product masonry, and bottom tabs. v1.0.0 · html-css / tailwind / react
- 011 Navigation Breadcrumb Prompt Stale Fill-in prompt that generates a Breadcrumb component v1.0.0 · html-css / tailwind / react
- 012 Navigation Drawer / Sidebar Navigation Prompt Stale Fill-in prompt that generates a Drawer / Sidebar Navigation component v1.0.0 · html-css / tailwind / react
- 013 Navigation HarmonyOS Bottom Tabs (Schematic) Prompt Stale Fill-in prompt that generates a HarmonyOS Bottom Tabs (Schematic) component v1.0.0 · html-css / tailwind / react
- 014 Navigation Bottom Tab Bar (Mobile) Prompt Stale Fill-in prompt that generates a Bottom Tab Bar (Mobile) component v1.0.0 · html-css / tailwind / react
- 015 Navigation Segmented Control & Tabs Prompt Stale Fill-in prompt that generates a Segmented Control & Tabs component v1.0.0 · html-css / tailwind / react
- 016 Navigation Top App Bar Prompt Stale Fill-in prompt that generates a Top App Bar component v1.0.0 · html-css / tailwind / react
- 017 Navigation Website Header Prompt Stale Fill-in prompt that generates a Website Header component v1.0.0 · html-css / tailwind / react
- 018 Onboarding Onboarding Carousel Prompt Stale Fill-in prompt that generates a Onboarding Carousel component v1.0.0 · html-css / tailwind / react
- 019 Account Login Form Prompt Stale Fill-in prompt that generates a Login Form component v1.0.0 · html-css / tailwind / react
- 020 Content Basic Card Prompt Stale Fill-in prompt that generates a Basic Card component v1.0.0 · html-css / tailwind / react
- 021 Content Detail Hero Prompt Stale Fill-in prompt that generates a Detail Hero component v1.0.0 · html-css / tailwind / react
- 022 Content Grouped List Prompt Stale Fill-in prompt that generates a Grouped List component v1.0.0 · html-css / tailwind / react
- 023 Content HarmonyOS List (Schematic) Prompt Stale Fill-in prompt that generates a HarmonyOS List (Schematic) component v1.0.0 · html-css / tailwind / react
- 024 Content List Item Prompt Stale Fill-in prompt that generates a List Item component v1.0.0 · html-css / tailwind / react
- 025 Content Masonry Grid Prompt Stale Fill-in prompt that generates a Masonry Grid component v1.0.0 · html-css / tailwind / react
- 026 Search Search Bar Prompt Stale Fill-in prompt that generates a Search Bar component v1.0.0 · html-css / tailwind / react
- 027 Search Search Results Prompt Stale Fill-in prompt that generates a Search Results component v1.0.0 · html-css / tailwind / react
- 028 Forms Picker / Select Prompt Stale Fill-in prompt that generates a Picker / Select component v1.0.0 · html-css / tailwind / react
- 029 Forms Switch Row Prompt Stale Fill-in prompt that generates a Switch Row component v1.0.0 · html-css / tailwind / react
- 030 Forms Text Field Prompt Stale Fill-in prompt that generates a Text Field component v1.0.0 · html-css / tailwind / react
- 031 Commerce Cart Item Prompt Stale Fill-in prompt that generates a Cart Item component v1.0.0 · html-css / tailwind / react
- 032 Commerce Checkout Form Prompt Stale Fill-in prompt that generates a Checkout Form component v1.0.0 · html-css / tailwind / react
- 033 Commerce Product Card Prompt Stale Fill-in prompt that generates a Product Card component v1.0.0 · html-css / tailwind / react
- 034 Personal Notification List Prompt Stale Fill-in prompt that generates a Notification List component v1.0.0 · html-css / tailwind / react
- 035 Personal Profile Header Prompt Stale Fill-in prompt that generates a Profile Header component v1.0.0 · html-css / tailwind / react
- 036 Personal Settings List Prompt Stale Fill-in prompt that generates a Settings List component v1.0.0 · html-css / tailwind / react
- 037 Data & Work Dashboard Stat Cards Prompt Stale Fill-in prompt that generates a Dashboard Stat Cards component v1.0.0 · html-css / tailwind / react
- 038 Data & Work Data Table Prompt Stale Fill-in prompt that generates a Data Table component v1.0.0 · html-css / tailwind / react
- 039 Marketing Hero Section Prompt Stale Fill-in prompt that generates a Hero Section component v1.0.0 · html-css / tailwind / react
- 040 Marketing Pricing Table Prompt Stale Fill-in prompt that generates a Pricing Table component v1.0.0 · html-css / tailwind / react
- 041 Feedback Empty State Prompt Stale Fill-in prompt that generates a Empty State component v1.0.0 · html-css / tailwind / react
- 042 Feedback 404 Error Page Prompt Stale Fill-in prompt that generates a 404 Error Page component v1.0.0 · html-css / tailwind / react
- 043 Feedback Skeleton Screen Prompt Stale Fill-in prompt that generates a Skeleton Screen component v1.0.0 · html-css / tailwind / react
- 044 Feedback Toast Prompt Stale Fill-in prompt that generates a Toast component v1.0.0 · html-css / tailwind / react
- 045 Overlays Bottom Sheet Prompt Stale Fill-in prompt that generates a Bottom Sheet component v1.0.0 · html-css / tailwind / react
- 046 Overlays Modal Dialog Prompt Stale Fill-in prompt that generates a Modal Dialog component v1.0.0 · html-css / tailwind / react
- 047 Media Image Carousel Prompt Stale Fill-in prompt that generates a Image Carousel component v1.0.0 · html-css / tailwind / react
- 048 Motion & Backgrounds Accordion Prompt Stale Fill-in prompt that generates the Accordion effect v1.0.0 · html-css / tailwind / react
- 049 Motion & Backgrounds Animated Counter Prompt Stale Fill-in prompt that generates the Animated Counter effect v1.0.0 · html-css / tailwind / react
- 050 Motion & Backgrounds Avatar Stack Prompt Stale Fill-in prompt that generates the Avatar Stack effect v1.0.0 · html-css / tailwind / react
- 051 Motion & Backgrounds Button Press Feel Prompt Stale Fill-in prompt that generates the Button Press Feel effect v1.0.0 · html-css / tailwind / react
- 052 Motion & Backgrounds Card Hover Lift Prompt Stale Fill-in prompt that generates the Card Hover Lift effect v1.0.0 · html-css / tailwind / react
- 053 Motion & Backgrounds Custom Checkbox Prompt Stale Fill-in prompt that generates the Custom Checkbox effect v1.0.0 · html-css / tailwind / react
- 054 Motion & Backgrounds Custom Range Slider Prompt Stale Fill-in prompt that generates the Custom Range Slider effect v1.0.0 · html-css / tailwind / react
- 055 Motion & Backgrounds Custom Toggle Prompt Stale Fill-in prompt that generates the Custom Toggle effect v1.0.0 · html-css / tailwind / react
- 056 Motion & Backgrounds Dot Grid Background Prompt Stale Fill-in prompt that generates the Dot Grid Background effect v1.0.0 · html-css / tailwind / react
- 057 Motion & Backgrounds Dropdown Menu Prompt Stale Fill-in prompt that generates the Dropdown Menu effect v1.0.0 · html-css / tailwind / react
- 058 Motion & Backgrounds Entrance Motion Prompt Stale Fill-in prompt that generates the Entrance Motion effect v1.0.0 · html-css / tailwind / react
- 059 Motion & Backgrounds Focus Ring Prompt Stale Fill-in prompt that generates the Focus Ring effect v1.0.0 · html-css / tailwind / react
- 060 Motion & Backgrounds Glassmorphism Prompt Stale Fill-in prompt that generates the Glassmorphism effect v1.0.0 · html-css / tailwind / react
- 061 Motion & Backgrounds Gradient Border Prompt Stale Fill-in prompt that generates the Gradient Border effect v1.0.0 · html-css / tailwind / react
- 062 Motion & Backgrounds Grid Lines Background Prompt Stale Fill-in prompt that generates the Grid Lines Background effect v1.0.0 · html-css / tailwind / react
- 063 Motion & Backgrounds Image Hover Zoom Prompt Stale Fill-in prompt that generates the Image Hover Zoom effect v1.0.0 · html-css / tailwind / react
- 064 Motion & Backgrounds Seamless Marquee Prompt Stale Fill-in prompt that generates the Seamless Marquee effect v1.0.0 · html-css / tailwind / react
- 065 Motion & Backgrounds Mesh Gradient Prompt Stale Fill-in prompt that generates the Mesh Gradient effect v1.0.0 · html-css / tailwind / react
- 066 Motion & Backgrounds Neumorphism Prompt Stale Fill-in prompt that generates the Neumorphism effect v1.0.0 · html-css / tailwind / react
- 067 Motion & Backgrounds Noise Texture Prompt Stale Fill-in prompt that generates the Noise Texture effect v1.0.0 · html-css / tailwind / react
- 068 Motion & Backgrounds Progress Ring Prompt Stale Fill-in prompt that generates the Progress Ring effect v1.0.0 · html-css / tailwind / react
- 069 Motion & Backgrounds Pulsing Badge Prompt Stale Fill-in prompt that generates the Pulsing Badge effect v1.0.0 · html-css / tailwind / react
- 070 Motion & Backgrounds Shimmer Skeleton Prompt Stale Fill-in prompt that generates the Shimmer Skeleton effect v1.0.0 · html-css / tailwind / react
- 071 Motion & Backgrounds Sliding Tabs Prompt Stale Fill-in prompt that generates the Sliding Tabs effect v1.0.0 · html-css / tailwind / react
- 072 Motion & Backgrounds Spotlight Card Prompt Stale Fill-in prompt that generates the Spotlight Card effect v1.0.0 · html-css / tailwind / react
- 073 Motion & Backgrounds Steps Indicator Prompt Stale Fill-in prompt that generates the Steps Indicator effect v1.0.0 · html-css / tailwind / react
- 074 Motion & Backgrounds Striped Progress Prompt Stale Fill-in prompt that generates the Striped Progress effect v1.0.0 · html-css / tailwind / react
- 075 Motion & Backgrounds Text Shimmer Prompt Stale Fill-in prompt that generates the Text Shimmer effect v1.0.0 · html-css / tailwind / react
- 076 Motion & Backgrounds 3D Tilt Card Prompt Stale Fill-in prompt that generates the 3D Tilt Card effect v1.0.0 · html-css / tailwind / react
- 077 Motion & Backgrounds Tooltip Prompt Stale Fill-in prompt that generates the Tooltip effect v1.0.0 · html-css / tailwind / react