Bots Prompts Skills Workflows Categories Tags Promptmasters Taste

CC0 2026 prompts.chat

Xiaomi Company Self-Service Management System Frontend Development

Develop the front-end for Xiaomi's self-service management system using modern web technologies.

about 6 hours agoOctober 30, 2026 at 03:53 PM

Web Development•Web Development Frontend JavaScript HTML

Content

Variables

designFramework

apiEndpoint

themeColor

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: - - The CSS framework to use - - The backend API endpoint - - Primary theme color for the system Example: - Create a dashboard interface with user login functionality and data visualization features.

Related Skills

Accessibility Color Contrast Auditor

Audits foreground/background color pairs for WCAG 2.x contrast (AA and AAA for normal and large text), reports ratios and pass/fail, and notes color-blindness risks. Use when checking UI palettes, design tokens, or asking "is this gray-on-white readable?". Includes a stdlib Python contrast checker with --self-test.

Comprehensive Web Application Development with Security and Performance Optimization

Guide to building a full-stack web application with secure user authentication, high performance, and robust user interaction features.

Comments (0)

M

@damimehdi20

0

Web Application Testing Skill

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Robots.txt and Sitemap Checker

Checks a site's robots.txt and XML sitemap offline the way Google reads them. Picks the crawler's group, resolves longest-match Allow and Disallow with wildcards, and tests the URLs that must be crawlable or blocked. Flags whole-site blocks, sitemap URLs that robots.txt blocks, blocked CSS and JS, unsupported noindex and crawl-delay lines, off-site, duplicate or invalid sitemap entries. Includes a stdlib Python checker with --self-test.