// Design Prompts

Copy the prompt. Ship the design.

Curated from builders who shared their prompts, code, and techniques. Everything you see here can be recreated.

Technique@deedydas

Claude Code orchestrating ElevenLabs, Veo 3, and ffmpeg to produce a full commercial — script, voice, music, and branded text in one shot.

Component@nonzeroexitcode

Free, open-source CMYK halftone emulator that runs in the browser with video input and WebM recording. Inspired by the Super Bowl commercial style.

Technique@PrajwalTomar_

Exact workflow for building buttery-smooth scrollytelling: Whisk for keyframes, Veo3 for video, EzGIF for frames, then a scroll component that swaps them.

Prompt@viktoroddy

Full prompt for a dark-themed hero section with React, Tailwind, and Framer Motion — blurred glass navbar, gradient text, the works.

Prompt@viktoroddy

Complete SaaS hero prompt for "Taskora" — dark mode, background video, Framer Motion animations. Copy-paste ready.

Library@Abmankendrick

Free isometric icon library — Isocons. Clean, well-designed, completely free. Perfect for dashboards and product UIs.

Prompt@Strength04_X

Nano Banana Pro + Kling AI prompt for high-end commercial food photography — every layer described, every detail specified.

Library@rit3zh

Open-source collection of animated React Native components — polished motion, ready to drop into any mobile project.

// Follow

Daily design prompts on X

Follow @designrails for prompts, components, and techniques — posted daily.

Follow @designrails
Prompt@damienghader

Prompt hacks from 100+ Lovable projects: define mobile-first or desktop-first upfront, never both at once. Practical prompting strategy that fixes layout issues.

Tutorial@jakub_works

Video walkthrough of recreating any website using Bolt.new and open-source components — exact prompts included in the description.

Prompt@TechieBySA

Minimalist food photography prompt with 3D pixelization effect — the image mid-transforms into floating cubes. Wildly specific, wildly effective.

Prompt@Strength04_X

Kling AI motion prompt: plate spins while ingredients separate with precision. Shows how to describe motion for AI video generation.

Prompt@jeffreyhuber

Two simple prompts that produced animated ASCII art for a webpage header — abstract, creative, and surprisingly effective.

Technique@recap_david

AI system automating product video creation for e-commerce — Firecrawl scrapes product photos, Nano Banana Pro generates the videos.

Component@thebuggeddev

Infinite 3D tunnel scroll built with Three.js, GSAP, and Gemini AI in under 30 minutes — procedural, mathematically generated, renders endlessly.

Library@Abmankendrick

100+ open-source SVG loading spinners, ready to drop into any project. Bookmark-worthy resource for any UI developer.

Prompt@lloydcreates

18 Nano Banana Pro prompts for stunning 3D visuals — glass FX, X-rays, holograms, metallic, submerged effects. Full collection in thread.

Library@kail_designs

Photo-to-gradient tool — upload any image and extract a beautiful gradient from it. Save this one for your next color palette.

Prompt@BenjaminUIX

Midjourney prompt for abstract gradient backgrounds — undulating mountain ranges made of light dots. The prompt is in the comments.

Prompt@dangreenheck

Specific prompt strategy for getting AI to write working TSL shaders — sidesteps deprecated imports and phantom functions. One-shot a particle simulation with Claude.

Tutorial@EHuanglu

Gemini 3 generating interactive 3D Three.js scenes you can control with your hands — full step-by-step tutorial and prompts in comments.

Have a prompt to feature?

DM @designrails on X
// Follow

Daily design prompts on X

Follow @designrails for prompts, components, and techniques — posted daily.

Follow @designrails