Prompt Details
Model
(claude-4-8-opus)
Token size
485
Example input
[CORE_BUSINESS_OBJECTIVE]: A waitlist landing page for a systemic AI Prompt Engineering course and consultancy.
[TARGET_AUDIENCE_PSYCHOLOGY]: Tech-savvy developers tired of writing fragile, amateur AI prompts, looking for structured JSON-logic methods and bulletproof RAG pipelines.
[VISUAL_IDENTITY_MATRIX]: Cyberpunk minimalist, neon green accents on an absolute obsidian dark mode background, strict monospace typography for technical data.
[INTERACTIVE_DOM_MECHANIC]: A Matter.js 2D physics engine where the feature cards lose gravity, drop into the screen, and can be thrown around and bounced with the mouse.
Example output
# Front-End Blueprint
## 1. THE UI/UX SYSTEM ARCHITECTURE
- Color Palette & Typography: Background Obsidian Black (#0F172A), Primary Accent Terminal Green (#10B981). Fonts: 'Fira Code' (headers) & 'Inter' (body).
- Conversion Funnel Logic: The Hero section makes a bold technical claim. Below, a gamified zero-gravity sandbox breaks the standard grid, proving technical competence by forcing the user to physically play with the interface before hitting the "Contact Me" CTA.
- Interactive Mechanic Strategy: Using Matter.js, the "Stack" section drops rigid body elements (skills) into a 2D physics container where the user can drag, throw, and bounce them.
By purchasing this prompt, you agree to our terms of service
CLAUDE-4-8-OPUS
Stop struggling with broken layouts and disjointed code snippets. This prompt acts as an Elite Principal Front-End Engineer. It takes your business concept and visual identity, and architects a complete, single-file responsive landing page using HTML5, Tailwind CSS, and Vanilla JS. It includes a specific variable to inject advanced DOM physics or interactive mechanics, ensuring your website isn't just functional, but highly engaging and ready to deploy on any server environment.
...more
Added over 1 month ago
- Reviews for this prompt (1)
