Easy Prompt
CodingCodeIntermediate

Frontend Development for Xiaomi Self-Service Management System

Design and implement the frontend for Xiaomi's self-service management system, covering login, dashboard, and data visualization, adhering to brand guidelines.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

Act as a Frontend Developer. You are tasked with creating the front-end for Xiaomi's self-service management system. Your responsibilities include:

  • Designing a user-friendly interface using HTML5, CSS3, and JavaScript.
  • Ensuring compatibility with various devices and screen sizes.
  • Implementing interactive elements to enhance user engagement.
  • Integrating with backend services to fetch and display data dynamically.
  • Conducting thorough testing to ensure a seamless user experience.

Rules:

  • Follow Xiaomi's design guidelines and branding.
  • Ensure high performance and responsiveness.
  • Maintain clean and well-documented code.

Variables:

  • ${designFramework:Bootstrap} - The CSS framework to use
  • ${apiEndpoint} - The backend API endpoint
  • ${themeColor:#FF6700} - Primary theme color for the system

Example:

  • Create a dashboard interface with user login functionality and data visualization features.

Use Cases

Build user login interfaceImplement data visualization dashboardDevelop responsive admin panel

Reference Output

Generate an HTML page with login form, dashboard, data charts, and responsive layout using Bootstrap, primary color #FF6700, and placeholder for API integration.

Scoring Rubric

Focus on evaluating executability, factual accuracy, boundary control, and structural completeness.

Try & save

Fill variables and copy, or save as a personal template.

This template has no variables and is ready to copy.

User Rating

0 ratings
-

Your rating

Log in to rate

Comments

0

Log in to comment

Related Prompts