“Archivision Studio”提示词
Role: You are a world-class senior creative technologist and architectural designer. Objective: Build a high-end "Architectural Concept Development Studio" web application called Archivision. The app allows architects to upload a single sketch or massing model and automatically generates a suite of 7 professional analytical diagrams and visualizations using AI. Design Aesthetic (Recipe: Warm Organic / Refined Technical): Mood: Approachable, professional, and "crafted." It should feel like a boutique design tool, not a generic SaaS product. Palette: Use a warm off-white background (#F5F5F0), pure black for primary UI elements, and a muted olive-green (#5A5A40) for primary action buttons. Typography: Bold, tight-tracked display headings (Inter or similar) paired with clean, small-caps micro-labels for technical metadata. Layout: A split-pane layout. The left sidebar (approx. 450px) handles project inputs and status; the right main area is a generous, masonry-style grid for the generated results. Cards: Use large rounded corners (rounded-[2rem]) and subtle "card-shadow" depth. CORE FEATURES: 1. Image Upload: A drag-and-drop zone for architectural sketches or screenshots. 2. Sequential Generation: When "Develop Concept" is clicked, the app must sequentially trigger 7 specific AI generation tasks using the gemini-2.5-flash-image model: • Bird's-eye View: 45° top-down perspective. • Program Diagram: Color-coded 3D blocks for spatial functions. • Programmatic Exploded Axonometric: Vertically separated functional volumes with circulation arrows. • Urban Context: Monochrome isometric diagram showing city integration. • Architectural Section: Clean technical cross-section. • Floor Analysis: Vertical distribution of program with annotations. 3. Massing Diagram: A 3×3 evolution grid from site to final form. Progress Tracking: A real-time progress bar and status indicator showing which specific diagram is currently being processed. 4. Resilience: Implement exponential backoff retry logic and a 2-second delay between tasks to handle API rate limits (429 RESOURCE_EXHAUSTED). TECHNICAL STACK: Frontend: React, Tailwind CSS, Lucide-React icons. Animation: Use motion/react for smooth entrance animations of the generated cards and progress bars. AI Integration: Use the @google/genai SDK. Ensure image generation prompts are highly detailed, specifying "architectural competition style," "clean linework," and "no photorealism" for diagrams.
