# Atelier Design > 暖渐变壁纸 + 整窗磨砂玻璃的**产品应用界面**生成(不是落地页)。桃/珊瑚 mesh 底 + 一整块玻璃承载 app 外壳 + 珊瑚→玫红渐变圆球图标 + 灰轨道渐变圆头柱状图 + 每屏一张近黑锚点卡。产出可点、可切、可排序的真界面:侧栏路由 / 标签页 / 手风琴 / 可展开结果行 / 表格排序 / 开关 / KPI 数字滚动。TRIGGER 当用户提到 atelier 风格 / 仪表盘 / dashboard / 后台 / 控制台 / admin / SaaS 界面 / 应用界面 / app UI / 产品界面 / 预订流 / 搜索结果页 / 设置页 / 登录页 / 暖色玻璃 / 桃色渐变 / 珊瑚渐变 / Dribbble 风仪表盘时使用。DO NOT TRIGGER:深藏青 aurora 玻璃展示页(用 glass)、营销落地页 / 定价页 / 文档站(用 anthropic / apple / sage / ember)、发布会(用 eclat)、商务汇报 deck(用 lectern)。 - Skill: `tbusos/atelier-design` (Agent Skill, multi-file: 30 files) - Install (CLI): `npx skillmds@latest add tbusos/atelier-design` - Raw SKILL.md: https://api.skillmd.com/api/skills/tbusos/atelier-design/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: TbusOS (https://skillmd.com/u/tbusos) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tbusos/atelier-design --- # Atelier Design — 应用界面风格生成暖色渐变壁纸上浮着一整块磨砂玻璃的**产品界面**:侧栏、KPI 行、图表、筛选面板、记录表、预订流、设置表单、登录页。这是本仓 9 个设计 skill 里**唯一画应用界面**的一个——其余 8 个画的都是页面(落地 / 定价 / 文档 / deck / 发布会)。 Generates warm-gradient product UI: one frosted application shell floating on a peach-and-rose wallpaper, with gradient orb icons, round-cap bar charts over neutral tracks, and exactly one near-black anchor card per screen. The only skill in this repo that draws applications rather than documents — and the only one whose JavaScript is half the deliverable. ## §1 使用方式 1. 引入 `assets/fonts.css` + `assets/atelier.css` + `assets/atelier.js`(`