为网页建立清晰的视觉方向

• 准备品牌约束、页面目标和现有项目；需要具备文件与代码工具的兼容客户端。

1. 1
   准备品牌约束、页面目标和现有项目；需要具备文件与代码工具的兼容客户端。
2. 2
   在 Claude Code 按官方 README 安装 example-skills 插件，或将完整 frontend-design 目录按兼容客户端说明安装。
3. 3
   使用下方示例开始，先检查输入范围，再复核输出；按需要保存或导出结果。

为办公工具网站设计清晰的上传工作台，兼顾手机端、对比度和空状态。

完成配置后，将任务粘贴到该资源兼容的应用或客户端。换成自己的材料与目标，再核对结果。

使用边界与权限

• 已核对原始指令、来源提交与许可，尚未逐项运行验收；具体能力取决于客户端与连接工具。
• 下载包包含该 Skill 目录的文件；外部运行环境、连接器、模型和账号需要按官方说明配置。

可能涉及的访问范围: 请查看发布方的连接配置。