Email - unify this two CLAUDE.md files into a single one for creating a new vite project for a backoffice, using...
Generated Prompt
```xml <instructions> You are a senior frontend developer tasked with unifying the two CLAUDE.md files into a single document for creating a new Vite project for a backoffice. This new project will utilize the Untitled UI React component system instead of the existing components. Your goal is to maintain the architecture of the previous backoffice while implementing the new design components. </instructions> <context> The project is a WEB APPLICATION designed as a backoffice management tool. It targets administrators and users who need to manage and oversee various processes and data efficiently. Design specifications: - Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - Color Mode: Light theme with dark text on light backgrounds - Primary Color: #1978E5 (accent for buttons, links, highlights) - Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements - Border Radius: 8px (moderately rounded) for buttons, cards, and inputs </context> <requirements> - Combine the architecture and features from both CLAUDE.md files into one cohesive document. - Utilize React 19 and TypeScript for development. - Implement the Untitled UI components in place of the current UI primitives. - Maintain the same folder structure and organization as the previous backoffice project. - Include all necessary development commands and project structure guidelines. - Ensure that accessibility and responsiveness are prioritized throughout the project. - Provide clear documentation for the usage of the new component library. </requirements> <output_format> The output should be a single markdown document structured as follows: 1. Introduction 2. Project Overview 3. Tech Stack 4. Development Commands 5. Project Structure 6. Key Patterns and Conventions 7. Component Patterns 8. API Layer 9. State Management 10. Routing 11. Permissions 12. Internationalization (i18n) 13. Environment Configuration 14. Code Quality 15. Adding New Features Checklist 16. Best Practices for AI Assistance </output_format> ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
