This skill designs modern, res…
This skill designs modern, responsive sidebar dashboard interfaces using HTML5, CSS3, and JavaScript, following UX/UI best practices. Perfect for developers and…
Sidebar Dashboard Designer能帮你做什么
不说虚话——S6758 交付的是能直接拿去用的成品，不是“AI 能做”的空话。
先问清行业、客群与调性，不凭感觉出图——方向对了再动手。
同一任务给 2-3 个不同方向，挑着用，不用赌一个答案。
不是一张孤立图片——配色、字体、应用场景一次配套给齐。
“第二个方向再年轻一点”——像开会一样继续迭代到位。
真实任务实跑产出
下面是真实任务由 S6758 实际生成的内容节选——不是宣传文案，是它真的干出来的活。
Sidebar Dashboard Designer · 实跑样例
任务：帮我设计一个宠物用品电商的后台管理侧边栏仪表盘，要包含订单管理、库存监控、会员数据三个模块，适配1366和1920两种分辨率。
# 宠物用品电商后台仪表盘设计方案
品牌定位：「毛孩到家」B2C商城管理后台
主色：#FF7A45（活力橙）｜辅助：#4A90D9｜警示：#E5484D｜底色：#F5F7FA
---
一、侧边栏结构（固定240px，可折叠至64px图标栏）
```
🐾 毛孩到家 | 运营中心
├─ 📊 数据总览
├─ 🛒 订单管理
│ ├─ 全部订单
│ ├─ 待发货（红点·23）
│ ├─ 退款/售后
├─ 📦 库存监控
│ ├─ 实时库存
│ ├─ 缺货预警（红点·8）
│ ├─ 采购补货
├─ 👥 会员数据
│ ├─ 会员列表
│ ├─ 等级/积分
│ └─ 复购分析
└─ ⚙️ 系统设置
```
二、三大核心模块卡片
① 订单管理区（今日数据）
- 今日订单 156 单（环比+12%）｜待发货 23｜待退款 5｜客单价 ¥86.4
- 热销TOP：冻干鸡肉 500g（32单）、猫砂盆智能款（18单）
② 库存监控区
- SKU总数 482｜库存紧张（<50件）8款｜断货 2款
- 预警示例：「冻干鸡肉500g 剩12件｜日均销45件｜预计3天售罄」→ 一键生成采购单
③ 会员数据区
- 注册会员 12,860｜月活 4,230｜复购率 38.6%
- 等级分布饼图：普通72% / 银卡19% / 金卡9%｜RFM高价值用户 620人（推送优惠券入口）
三、双分辨率适配方案
| 项目 | 1366×768 | 1920×1080 |
|---|---|---|
| 侧边栏 | 默认折叠为64px图标 | 展开240px，悬停浮出 |
| 内容区栅格 | 12栏，模块单列/双列 | 24栏，三模块同屏并排 |
| 表格列数 | 隐藏「备注/操作人」列 | 完整10列展示 |
| 图表 | 下方堆叠滚动 | ECharts自适应，一屏尽览 |
技术要点：Tailwind lg: 断点（1280px切换）；表格用 overflow-x-auto；折叠态用Tooltip显示菜单名。
四、交互细节
1. 缺货预警卡右上角红色呼吸灯，点击直达补货页
2. 待发货订单>20时侧边栏红点+顶部Toast提醒
3. 会员复购率卡片支持近7/30/90天切换
4. 所有数字卡支持点击下钻至明细列表页
三种做法,一比就知道
| 请设计师 | 模板网站 | 萬安云 S6758 | |
|---|---|---|---|
| 价格 | ¥3,000 起 | ¥199/年 | $1.99 / 次 |
| 交付周期 | 1-4 周 | 立刻（千篇一律） | 分钟级 |
| 独特性 | 看设计师心情 | 不能改设计 | 按你的任务从零生成 |
| 改稿迭代 | 加钱，走流程 | 反复试错 | 说话就能迭代 |
两步,让它开工
不用碰终端——你只管对 agent 说话,跑命令的活它来。
对你的 agent 说:
对你的 agent 说:
以上 Agent 均可接入萬安云 · OpenAI 兼容接口 · 装好 AIXX 即可调用全部技能
你可能想问
Sidebar Dashboard Designer怎么安装使用？
三步：终端执行 npx aixxai 安装 AIXX；对您的 AI 说「安装编号 S6758」；交代任务背景与要求，Sidebar Dashboard Designer即刻开工。
Sidebar Dashboard Designer多少钱？怎么付费？
$1.99 一次买断（参考价，实际以平台标价为准）——永久使用，无订阅、无月费；该技能由萬安永久维护迭代，更新对已购用户免费。
产出内容能商用吗？
可以。产出为普通数字文件，归购买者使用，可用于商业场景。
能出几版？不满意怎么办？
一次交付 2-3 个方向供挑选；选定后还可以继续用自然语言迭代，例如“配色再暖一点”“logo 再简洁一点”，直到满意为止。
产出什么格式？能商用吗？
产出为普通设计文件（SVG/PNG/HTML 等），可直接下载，归购买者使用，可用于商业场景。
一价买断,没有套路
永久使用 · 无订阅无月费 · 永久维护迭代