prime-branding

byRishu 27

🚀 Hydra Pulse: The Ultimate Master Prompt (Error-Free Version) Instructions for the AI: "Act as a Senior Full-Stack Developer. I want you to build the User Application for my project 'Hydra Pulse'. Forget any previous names like 'Prime'. Follow these instructions strictly to avoid past errors:" 1. Branding & Identity (The 'Harshit' Signature) App Name: Hydra Pulse. Signature: Footer must strictly say 'Created by Harshit' on every page. Logo: Use the specific Neon Cyan/Blue Hydra Snake image I provided. Place it in the Header, Splash Screen, and Favicon. Design Aesthetic: Dark Mode (#000000), Glassmorphism (frosted glass effects), and Neon Red Glow pulse animations on borders/buttons. 2. The Immersive User Flow (Pro-Hacker UI) Splash Screen: A 'System Initializing' animation with a progress bar and the Hydra Logo. Authentication: Create a stylish Login & Signup page with a 'Digital Rain' (Matrix style) background. It must be connected to Firebase Auth. Dashboard (The HUD): The main interface must look like a Head-Up Display (HUD). Tools/Categories should be presented as interactive nodes, not simple lists. Terminal: Every tool must launch in a high-quality Termux-style terminal (using xterm.js) with monospace fonts and neon output. 3. Dynamic Architecture (Admin-Ready) NO Hard-coding: The User App must NOT have hard-coded tool lists or categories. Database Integration: Fetch all data (Tool name, category, icon) from Firebase Firestore. This is so I can manage/edit/delete them from a separate Admin Panel later. No Admin UI: Ensure the User App has NO visible admin controls or categories. It should be 100% clean for the end-user. 4. Technical Requirements & Security Performance: Optimize the 'Digital Rain' and animations for mobile devices (specifically the Realme Narzo N53). No lag. GitHub Hosting: Use relative paths (e.g., ./assets/) for all assets so the site works perfectly on GitHub Pages. Deployment Info: In the Help/About section, link to: https://github.com/hydrapulse27. Security: Remove all 'Download Source Code' or 'Build' buttons from the User Interface. "Please generate the complete React/Next.js architecture for this User App. Start by showing me the code for the 'System Initializing' Splash Screen and the HUD Dashboard."

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.