prompts.chatprompts.chatprompts.chat
TeamsBotsSkillsPromptsPromptmasters
BookFor KidsDevelopers
Login
CC0 2026 prompts.chat
DeepWikiHow to...DocsAPIPrivacyTermsSupportAboutGitHub

Sidebar Dashboard Design

Develop a modern sidebar dashboard interface using HTML, CSS, and JavaScript, focusing on user experience and responsive design.

f
@furkanerbm
11 months agoDecember 19, 2025 at 08:56 PM
Web Development•FrontendCSSHTMLJavaScript
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 Prompts

Visual Web Application Development

Text

Guide for creating a visually appealing web application with modern design principles.

D@daveeliam
1

Xiaomi Company Self-Service Management System Frontend Development

Text

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

云@shuofeng233
0

Related Skills

Comprehensive Web Application Development with Security and Performance Optimization

Skill

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

M@damimehdi20
0

Website Design Recreator Skill

Skill

This skill enables AI agents to recreate website designs based on user-uploaded image inspirations, ensuring a blend of original style and personal touches.

Related Bots

Frontend Engineer

Bot

Ships UI issues as small PRs with screenshots. Made for the Lean Software Factory team.

E@enesalatas1

Comments (0)

Investment Tracking Dashboard

Text

Create a user-friendly dashboard to track and manage your investments effectively.

K@keremtekfb96
2

Linux Monitoring Dashboard with React

Text

Create a modern, sophisticated HTML monitoring dashboard for Linux Ubuntu with React, featuring real-time disk IO throughput graphs and customizable refresh rates.

T@mgtf3r
0
H
@hrishirajnagawade
5

Cross-Platform 3D App Development Master

Skill

Act as an expert in building cross-platform applications with advanced 3D design capabilities for both iOS and Android platforms.

ö@yaman0786
0

Website Creation Command

Skill

A prompt to guide users in creating a website similar to a specified one, offering step-by-step instructions and best practices.

H@alabdalihussain7
0

Dead Code Detector

Bot

Finds code nobody uses anymore: unused files, exports, routes, styles and dependencies, with proof for each one, and suggests small safe pull requests to remove them.

1 scheduled routine1 event trigger
F@f1

Framework Upgrade Navigator

Bot

Plans a major framework upgrade step by step, such as React, Next.js, Django or Rails: reads the breaking changes, maps what in your code they hit, and splits the work into small safe pull requests.

1 scheduled routine1 event trigger
F@f1