这个 Skill 是做什么的

frontend-design 是一个面向前端开发的创意指导型技能，通过目的-调性-约束-差异化的设计框架，帮助开发者生成具有明确美学方向的生产级代码。解决 AI 生成内容审美同质化的问题，如禁止使用 Inter 字体、紫色渐变等常见模式。适用于需要构建落地页、仪表盘、Web 组件等场景。使用后会输出一套独特的字体、色彩、动效设计方案及对应代码

基本信息

  • 分类：内容与写作
  • 作者 / 来源：CocoLoop
  • 价格：免费
  • 更新日期：2026-07-01
  • 项目主页：hub.cocoloop.cn

适用场景

frontend · design

安全审计结论

❔ 站外来源：非 GitHub 开源仓库，没做代码级扫描

  • 未能取到可扫描的文件，仅按公开信誉信号定档

未命中高危 / 中危特征。

口径说明：这是对仓库内可执行内容的静态特征扫描，外加开源许可、维护活跃度等公开信誉信号，不是杀毒引擎，也不能替代你自己核对源码。标记为「已审计」只代表扫过的这批文件里没发现高危写法。完整口径与全站审计明细 →

如何安装

来源：CocoLoop Skill Hub。Skill 页面地址：https://hub.cocoloop.cn/skills/2109

  1. 打开下面的 Skill Hub 页面。
  2. 页面里会给出这个技能对应的安装方式（不同 Agent 的命令不一样），按官方指引执行。
  3. 安装完成后在你的 Agent 里按技能名调用。

这是第三方 Skill Hub 的收录页，安装命令以页面官方说明为准。

同类 Skills