Overview
This prompt aims to generate a comprehensive admin page for customer management, ensuring clarity and maintainability in code and structure. Programmers and developers will benefit by receiving a complete solution tailored to specific requirements.
Prompt Overview
Purpose: This admin page aims to streamline customer management tasks for enhanced efficiency.
Audience: The primary users are administrators and customer service representatives managing customer interactions.
Distinctive Feature: It includes a user-friendly interface with intuitive navigation for managing customer data effectively.
Outcome: The final product will improve operational workflows and provide a scalable solution for customer management.
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Cryptocurrency & Blockchain, Development Tools & DevOps, Productivity & Workflow
- Techniques: Role/Persona Prompting, Self-Critique / Reflection, Structured Output
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
Create a complete admin page to manage all actions related to customers, as specified by the attached images and files.
– Fully generate all necessary code for the admin page.
– Provide a clear and well-organized folder structure for the project to ensure maintainability and scalability.
– Assume the code must handle all functionalities depicted or described in the attachments.
– Use best practices for code organization, naming conventions, and user interface design.
# Steps
1. Analyze the attached images and files to understand all required customer-related actions.
2. Design the layout and functionality of the admin page accordingly.
3. Generate complete, runnable code, including frontend and backend components (as applicable).
4. Define a detailed folder structure, naming each folder and file with a clear purpose.
5. Include comments and explanations within the code where appropriate to enhance clarity.
# Output Format
– Provide the full source code files for the admin page.
– Present the folder structure in a clear, hierarchical format.
– Optionally, include setup or installation instructions if needed.
# Notes
– Ensure the code corresponds precisely to the user needs as shown in the provided files/images.
– Focus on maintainability and clarity in both code and folder organization.
[NOTE: Attachments referenced (images and files) will be provided along with the prompt. The answer should be based on these attachments.]
Screenshot Examples
How to Use This Prompt
- Copy the prompt for generating the admin page.
- Attach relevant images and files for reference.
- Analyze the requirements outlined in the attachments.
- Follow the steps to create the code and folder structure.
- Review the output for clarity and maintainability.
- Test the generated code to ensure functionality.
Tips for Best Results
- Understand Requirements: Carefully analyze all provided images and files to identify customer management features.
- Design Layout: Create a user-friendly interface that organizes customer actions logically and intuitively.
- Code Structure: Organize your project with a clear folder hierarchy for easy navigation and maintenance.
- Comment Your Code: Include comments and documentation within your code to clarify functionality and enhance readability.
FAQ
- What is the purpose of an admin page in customer management?
An admin page allows administrators to manage customer data, handle requests, and monitor activities efficiently. - What should be included in the folder structure for the project?
The folder structure should include directories for frontend, backend, assets, and documentation to ensure organization. - Why is code organization important in programming?
Code organization enhances readability, maintainability, and scalability, making it easier for developers to collaborate. - What are best practices for naming conventions in coding?
Best practices include using descriptive names, consistent casing, and avoiding abbreviations to improve code clarity.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (February 2026): Initial release.
