Frontend Design

技术开发 A 评级 授权:Apache-2.0 (skill LICENSE.txt, rev dbd4588)

Anthropic 官方的前端设计指导 Skill,适合新页面、落地页和界面改版。它帮助 Agent 将真实内容、字体、配色和布局组织成有明确方向的页面,与站内偏性能优化或规范检查的 Skill 互补。固定提交的目标目录只有 SKILL.md 与 LICENSE.txt,没有附带可执行脚本;本站完成的是静态文件审查,不是实际安装测试,也不保证生成页面自动符合无障碍或品牌要求。

前往外部 ZIP 下载 → 版本:rev dbd4588
Claude Code

使用说明

本条目固定到提交 dbd4588f9e1033efb41dad4bef2f7947c8993d44,没有独立声明的语义版本。下载为完整原始仓库 ZIP;仅提取 skills/frontend-design,不要把整个仓库当成同一许可证的单个 Skill。

  1. 阅读该目录的 SKILL.md 和 LICENSE.txt,保留许可证。将目录放到 Claude Code 项目的 .claude/skills/frontend-design/。这是项目级启用,不会自动安装字体、依赖或网页服务。
  2. 先用测试项目,提供目标用户、页面任务、真实文案、品牌约束和现有技术栈;需要保留既有设计系统时要明确说明,不让 Agent 擅自重做整站。
  3. 示例请求:“为本地社区活动做报名页,保留现有导航,只使用已安装依赖。先提出视觉方案,经确认后实现;不要连接真实报名接口,不要部署。”
  4. 审查文件差异后再预览。用窄屏、键盘、长标题和空状态检查;若要下载外部字体、图像或新增依赖,另行确认来源、授权和联网范围。

安全解读

评级 A 是本站针对上述提交的静态、相对低风险评估,不是无风险认证。已检查目标目录全部两个文件和原仓库安装说明,未执行其中任何命令。

  • 目录本身没有安装脚本、密钥读取代码或固定外部接口;实际文件读写、终端与联网权限来自宿主 Agent,而不是评级。
  • Agent 仍可能修改源文件、安装依赖或调用浏览器。用版本控制和独立分支限制范围,禁止未经确认的生产部署、真实表单提交和批量覆盖。
  • 提示中只提供允许进入宿主模型服务的内容;不要粘贴客户秘密、登录凭证或未公开设计资料。截图与构建日志也可能包含敏感信息。
  • 外部字体、图片和生成代码需要另行核查授权与安全性。人工验收可读性、对比度、键盘操作和减弱动态效果;设计指导不能代替这些测试。

版权与下架声明:本页内容由 AI Islands 根据公开资料整理,Skill、代码、文档及安装包版权归原作者或相应权利人所有。本站仅用于信息索引、学习研究和安装便利。若你认为本站展示或下载链接侵犯了你的合法权益,请发送权利证明、相关链接和处理要求至 ai-islands@streamflowintel.com,我们会及时核查并删除或调整相关内容。安装前请自行核对包内权限、依赖项和安全风险。