$ loading_
帮助你先产出网页设计规范,再实现美观一致的页面代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"web-design" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请先为一款 AI 笔记应用设计官网落地页方案,不要直接写代码。先输出页面结构、视觉风格、配色、字体、按钮规范、间距系统和响应式规则,再根据规范生成 HTML/CSS。
先得到完整的网页设计规范,再生成风格统一、可落地的页面代码。
我有一个风格不一致的管理后台,请先总结统一的设计系统,包括颜色、卡片、表单、表格、导航和状态标签规范,再重写关键页面组件代码,确保整体一致。
输出一套后台设计系统说明,并提供统一后的关键页面与组件代码。
根据以下需求为在线课程平台设计网页原型:面向大学生,风格简洁现代,重点展示课程分类、讲师介绍、价格方案和学员评价。请先写设计说明,再生成页面原型代码。
先得到清晰的页面设计思路与信息架构,再获得可预览的网页原型代码。
帮助开发者生成更具设计感、避免通用 AI 风格的前端界面方案
帮助开发者构建同时适合 AI 代理与人类使用的友好型网页界面。
将 AI 变成资深 UX/UI 设计架构师,生成设计令牌、组件方案与无障碍前端代码。
将本地 Claude Code 或 Codex 历史转为可分享的匿名开发者画像与海报
可在编辑器中自动操控 Claude Design,生成、迭代并提取你的设计成果。
帮助用户发现并选用优质 Claude 技能与资源,定制高效开发工作流。