QuestoryAI 提示词平台

Teams Bots Skills Prompts Promptmasters

CC0 2026 QuestoryAI 提示词平台

Xiaomi Company Self-Service Management System Frontend Development

Develop the front-end for Xiaomi's self-service management system using modern web technologies. 来源：https://prompts.chat/prompts/cmj8jcelq000mwj0rcyg5olz1

@import-d11128ea1e8d83ad7013e233

about 1 hour agoNovember 11, 2026 at 02:00 AM

Web Development•CSS Frontend JavaScript HTML

Web Development

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. 来源：https://prompts.chat/prompts/cmvan99yi000ml6067hv94yay

F@import-252f10c83610ebca1a059c0b

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. 来源：https://prompts.chat/prompts/cmjnc496x0001ky04kh6wq80b

Comments (0)

M@import-8122d3856df82242a2626214

0

Accessibility Testing Superpower

Performs WCAG compliance audits and accessibility remediation for web applications. Use when: 1) Auditing UI for WCAG 2.1/2.2 compliance 2) Fixing screen reader or keyboard navigation issues 3) Implementing ARIA patterns correctly 4) Reviewing color contrast and visual accessibility 5) Creating accessible forms or interactive components 来源：https://prompts.chat/prompts/cmjmk4gsv000jld04pplcmo1e

İ@import-bb85aceaa34674ff213c79e1

Open Graph and Social Share Meta Tag Checker

Checks a page's HTML source for the tags link previews are built from - title and description length, rel=canonical, og:title/description/type/url/site_name/locale, og:image size, aspect, alt and SVG, twitter:card and handles. Flags relative/http:// URLs, tracking parameters, theme + SEO plugin duplicates, tags in <body> and unrendered {{ }} placeholders, and returns a fixed <head> block. Includes an offline stdlib Python checker with --self-test. 来源：https://prompts.chat/prompts/cmvw34oc30001la0888uhvm7n

F@import-252f10c83610ebca1a059c0b