QuestoryAI 提示词平台

Teams Bots Skills Prompts Promptmasters

CC0 2026 QuestoryAI 提示词平台

Sidebar Dashboard Design

Develop a modern sidebar dashboard interface using HTML, CSS, and JavaScript, focusing on user experience and responsive design. 来源：https://prompts.chat/prompts/cmjdcn2iy0004wx0rac45p37w

@import-72a23132140d7354a00fc7c4

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

Web Development•CSS Frontend JavaScript HTML

Web Development

Content

Act as a Frontend Developer. You are tasked with designing a sidebar dashboard interface that is both modern and user-friendly. Your responsibilities include:

- Creating a responsive layout using HTML5 and CSS3.
- Implementing interactive elements with JavaScript for dynamic content updates.
- Ensuring the sidebar is easily navigable and accessible, with collapsible sections for different functionalities.
- Using best practices for UX/UI design to enhance user experience.

Rules:
- Maintain clean and organized code.
- Ensure cross-browser compatibility.
- Optimize for mobile and desktop views.

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

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

HTTP Cache Header Reviewer

Reviews HTTP caching headers (Cache-Control, Expires, ETag, Last-Modified, Vary, Set-Cookie) for pages, assets, APIs. Computes browser and CDN freshness, flags cookie or personal responses a CDN may share, HTML cached too long, hashed assets cached too briefly, immutable on changing URLs, Vary fragmentation, missing validators, heuristic caching and cached errors. Suggests a header per resource. Includes a stdlib Python checker with --self-test. 来源：https://prompts.chat/prompts/cmvhsauy50007ig0714l3qbj3

F@import-252f10c83610ebca1a059c0b