CATEGORY ／ FRONTEND-DESIGN

界面、组件、设计系统——AI 写的前端，和拿得出手之间差的那一段。

• FRONTEND-DESIGN ／ 前端与设计

  frontend-design-anthropics-skills

  POP

  10USE

  9SEC

  10

  9.7SCOUT SCORE

  官方前端设计技能，强制先定审美再写代码，同仓库安装量第一且被默认内置

• FRONTEND-DESIGN ／ 前端与设计

  react-best-practices-vercel-labs-agent-skills

  POP

  10USE

  9SEC

  10

  9.7SCOUT SCORE

  Vercel官方React/Next.js性能规则库，70条规则自动把关生成代码性能

• FRONTEND-DESIGN ／ 前端与设计

  React Router

  POP

  9USE

  9SEC

  10

  9.3SCOUT SCORE

  React Router官方维护的内嵌技能，按项目实际版本给出准确路由用法指导

• FRONTEND-DESIGN ／ 前端与设计

  hallmark

  POP

  9USE

  9SEC

  9

  9SCOUT SCORE

  内置57项反AI套路检测和20种主题，让编码agent产出的界面摆脱模板感

• FRONTEND-DESIGN ／ 前端与设计

  motion-design-skill

  POP

  9USE

  9SEC

  9

  9SCOUT SCORE

  官方出品的运动设计原则库,让AI agent写动画像专业动效设计师一样思考

• FRONTEND-DESIGN ／ 前端与设计

  open-design

  POP

  10USE

  9SEC

  8

  9SCOUT SCORE

  一条命令把编码Agent变成完整设计引擎,开源、本地优先、跨生态兼容

• FRONTEND-DESIGN ／ 前端与设计

  navigation-3-android-skills

  POP

  9USE

  9SEC

  9

  9SCOUT SCORE

  谷歌官方出品，覆盖Navigation 2到3迁移与多种导航模式的权威代码指南

• FRONTEND-DESIGN ／ 前端与设计

  playground-anthropics-claude-plugins-official

  POP

  9USE

  9SEC

  9

  9SCOUT SCORE

  Anthropic官方交互式HTML Playground生成器，可视化配置后一键复制提示词

• FRONTEND-DESIGN ／ 前端与设计

  angular-developer-angular-angular

  POP

  9USE

  9SEC

  9

  9SCOUT SCORE

  Angular核心团队官方出品，npx一条命令安装，覆盖组件路由信号表单等全场景开发规范

• FRONTEND-DESIGN ／ 前端与设计

  expo-router-expo-skills

  POP

  9USE

  9SEC

  9

  9SCOUT SCORE

  Expo 官方出品，覆盖文件路由全场景，代码示例详尽可直接落地

• FRONTEND-DESIGN ／ 前端与设计

  brand-guidelines-anthropics-skills

  POP

  8USE

  9SEC

  10

  9SCOUT SCORE

  Anthropic官方品牌规范模板，一条指令套用官方配色字体，零代码零外联

• FRONTEND-DESIGN ／ 前端与设计

  canvas-design-anthropics-skills

  POP

  8USE

  9SEC

  10

  9SCOUT SCORE

  官方静态设计技能，先立视觉哲学再排版，自带76款字体，安装量8.6万次

• FRONTEND-DESIGN ／ 前端与设计

  shadcn-shadcn-ui-ui

  POP

  9USE

  9SEC

  9

  9SCOUT SCORE

  shadcn/ui官方组件管理技能，注入项目配置并强制走CLI，降低组件风格跑偏风险

• FRONTEND-DESIGN ／ 前端与设计

  theme-factory-anthropics-skills

  POP

  8USE

  9SEC

  10

  9SCOUT SCORE

  官方10套主题一键套用工具，覆盖任意artifact，安装量6.78万次高于同市场多数同类

• FRONTEND-DESIGN ／ 前端与设计

  contentful-nextjs-contentful-skills

  POP

  8USE

  9SEC

  9

  8.7SCOUT SCORE

  Contentful官方出品，一条命令为Next.js项目接入CMS内容管理

• FRONTEND-DESIGN ／ 前端与设计

  Huashu Design

  POP

  9USE

  9SEC

  8

  8.7SCOUT SCORE

  一句话生成可直接交付的高保真产品原型,MIT开源免费

• FRONTEND-DESIGN ／ 前端与设计

  Canva Skills

  POP

  8USE

  9SEC

  9

  8.7SCOUT SCORE

  Canva官方技能包，让Claude直接调用Canva编辑设计、无需来回切换网页

• FRONTEND-DESIGN ／ 前端与设计

  composition-patterns-vercel-labs-agent-skills

  POP

  9USE

  8SEC

  9

  8.7SCOUT SCORE

  Vercel官方React组合模式规则库，装机超25万次，终结布尔属性堆砌导致的组件失控

• FRONTEND-DESIGN ／ 前端与设计

  edge-to-edge-android-skills

  POP

  9USE

  8SEC

  9

  8.7SCOUT SCORE

  谷歌官方出品，对接Android 16强制边到边迁移的权威稳定API指南

• FRONTEND-DESIGN ／ 前端与设计

  taste-skill

  POP

  9USE

  8SEC

  9

  8.7SCOUT SCORE

  六万星开源前端设计技能，教AI摆脱模板化生成有品味界面

• FRONTEND-DESIGN ／ 前端与设计

  impeccable

  POP

  9USE

  9SEC

  8

  8.7SCOUT SCORE

  jQuery UI作者打造，23条命令+46条确定性规则打磨AI前端设计

• FRONTEND-DESIGN ／ 前端与设计

  ui-ux-pro-max-skill

  POP

  9USE

  9SEC

  8

  8.7SCOUT SCORE

  本地免联网设计知识库,一条命令为编码代理生成完整UI设计系统

• FRONTEND-DESIGN ／ 前端与设计

  algorithmic-art-anthropics-skills

  POP

  8USE

  9SEC

  9

  8.7SCOUT SCORE

  官方两阶段生成艺术技能，先立美学哲学再写p5.js代码，产出自包含HTML开箱即用

• FRONTEND-DESIGN ／ 前端与设计

  shiny-bslib-posit-dev-skills

  POP

  7USE

  9SEC

  9

  8.3SCOUT SCORE

  Posit官方出品,将bslib现代布局与legacy迁移整理成可复制代码指南

• FRONTEND-DESIGN ／ 前端与设计

  material-3-skill

  POP

  7USE

  9SEC

  9

  8.3SCOUT SCORE

  把Material Design 3规范转译为跨端可执行实现指南,替代AI默认输出的过时MD2代码

• FRONTEND-DESIGN ／ 前端与设计

  effective-html

  POP

  7USE

  9SEC

  9

  8.3SCOUT SCORE

  把生成自包含HTML时的深色模式、缩放画布、面板细节固化成规则，省去反复调教提示词

• FRONTEND-DESIGN ／ 前端与设计

  gzh-design-skill

  POP

  7USE

  9SEC

  9

  8.3SCOUT SCORE

  把Markdown一键排成粘贴不掉格式的公众号精致HTML

• FRONTEND-DESIGN ／ 前端与设计

  baoyu-design

  POP

  7USE

  9SEC

  9

  8.3SCOUT SCORE

  本地一键生成自包含HTML设计稿 复刻claude.ai/design能力免订阅

• FRONTEND-DESIGN ／ 前端与设计

  guizang-social-card-skill

  POP

  8USE

  9SEC

  8

  8.3SCOUT SCORE

  用规则化设计系统替代随意AI配图，让非设计师也能产出杂志级小红书与公众号视觉内容

• FRONTEND-DESIGN ／ 前端与设计

  figma-openai-plugins

  POP

  9USE

  8SEC

  8

  8.3SCOUT SCORE

  Figma 官方编写并接入 Codex 插件市场，让设计稿高保真转代码且复用已有组件

• FRONTEND-DESIGN ／ 前端与设计

  web-artifacts-builder-anthropics-skills

  POP

  8USE

  8SEC

  9

  8.3SCOUT SCORE

  一条命令搭好React+shadcn/ui多组件前端并给出避免AI模板感的设计约束

• FRONTEND-DESIGN ／ 前端与设计

  accessibility-audit-webflow-webflow-skills

  POP

  7USE

  8SEC

  9

  8SCOUT SCORE

  官方WCAG 2.1无障碍审计技能，可逐项审批自动修复无障碍问题

• FRONTEND-DESIGN ／ 前端与设计

  review-comments-webflow-webflow-skills

  POP

  7USE

  8SEC

  9

  8SCOUT SCORE

  自动分类评论线程紧迫度,默认只生成报告不擅自回复

• FRONTEND-DESIGN ／ 前端与设计

  site-audit-webflow-webflow-skills

  POP

  7USE

  8SEC

  9

  8SCOUT SCORE

  Webflow官方出品的只读站点审计技能，自动盘点页面与CMS结构并生成健康评分与改进建议

• FRONTEND-DESIGN ／ 前端与设计

  accessibility-addyosmani-web-quality-skills

  POP

  6USE

  9SEC

  9

  8SCOUT SCORE

  对照WCAG 2.2逐条给出可落地的无障碍修复代码，纯Markdown零配置

• FRONTEND-DESIGN ／ 前端与设计

  beautify-github-readme

  POP

  7USE

  9SEC

  8

  8SCOUT SCORE

  用项目真实素材定制视觉语言，每一步修改都需你先看预览再批准

• FRONTEND-DESIGN ／ 前端与设计

  hue

  POP

  6USE

  9SEC

  9

  8SCOUT SCORE

  把品牌设计语言封装成可复用技能，让AI生成的界面风格保持一致

• FRONTEND-DESIGN ／ 前端与设计

  design-dna

  POP

  7USE

  8SEC

  9

  8SCOUT SCORE

  一次提取参考设计的视觉DNA为JSON规范，之后可反复复用生成风格一致的界面

• FRONTEND-DESIGN ／ 前端与设计

  web-design-guidelines-vercel-labs-agent-skills

  POP

  9USE

  8SEC

  7

  8SCOUT SCORE

  Vercel官方出品，周装机13万次的UI审计标准，一条指令即可用

• FRONTEND-DESIGN ／ 前端与设计

  cms-best-practices-webflow-webflow-skills

  POP

  7USE

  7SEC

  9

  7.7SCOUT SCORE

  五阶段咨询流程规划CMS集合结构,全程只读不代替用户改动线上内容

• FRONTEND-DESIGN ／ 前端与设计

  create-mobile-app-microsoft-power-platform-skills

  POP

  7USE

  8SEC

  8

  7.7SCOUT SCORE

  把从零搭建带原生能力的Power Apps移动应用压缩成带断点续跑与编译门禁的对话式向导

• FRONTEND-DESIGN ／ 前端与设计

  figma-to-webflow-webflow-webflow-skills

  POP

  7USE

  7SEC

  9

  7.7SCOUT SCORE

  把Figma设计稿自动转译为可发布的真实Webflow元素与样式，省去手工重建的繁琐

• FRONTEND-DESIGN ／ 前端与设计

  ui-widget-developer-microsoft-skills

  POP

  7USE

  8SEC

  8

  7.7SCOUT SCORE

  官方技能：为M365 Copilot生成React+Fluent UI交互组件MCP Server

• FRONTEND-DESIGN ／ 前端与设计

  brand-yml-posit-dev-skills

  POP

  6USE

  8SEC

  9

  7.7SCOUT SCORE

  官方出品的品牌一致性技能，一份YAML驱动Shiny与Quarto双端视觉主题

• FRONTEND-DESIGN ／ 前端与设计

  instantsearch-algolia-skills

  POP

  5USE

  9SEC

  9

  7.7SCOUT SCORE

  Algolia官方出品,覆盖React/Vue/JS前端搜索UI并强制核对最新文档

• FRONTEND-DESIGN ／ 前端与设计

  oh-my-design

  POP

  6USE

  9SEC

  8

  7.7SCOUT SCORE

  用DESIGN.md把品牌设计基调固化并跨会话复用，配合参考库持续产出风格统一界面

• FRONTEND-DESIGN ／ 前端与设计

  scroll-world

  POP

  8USE

  7SEC

  8

  7.7SCOUT SCORE

  一次对话生成苹果官网级无剪辑滚动运镜3D着陆页

• FRONTEND-DESIGN ／ 前端与设计

  travel-plan-viz

  POP

  6USE

  9SEC

  8

  7.7SCOUT SCORE

  把旅行行程一键转成离线可读的交互地图HTML,还能按日期自动生成订票提醒清单

• FRONTEND-DESIGN ／ 前端与设计

  pixel2motion

  POP

  7USE

  8SEC

  8

  7.7SCOUT SCORE

  开源标准化流程，把栅格 Logo 转成矢量并编排出可交互动效

• FRONTEND-DESIGN ／ 前端与设计

  threejs-game-director-majidmanzarpour-threejs-game-skills

  POP

  7USE

  8SEC

  8

  7.7SCOUT SCORE

  为可玩 Three.js 浏览器游戏提供多技能自动编排与可验证交付流程

• FRONTEND-DESIGN ／ 前端与设计

  qiaomu-design

  POP

  6USE

  8SEC

  9

  7.7SCOUT SCORE

  内置58套真实网站设计系统与风格试衣间机制的反AI味设计顾问技能

• FRONTEND-DESIGN ／ 前端与设计

  styleseed

  POP

  7USE

  8SEC

  8

  7.7SCOUT SCORE

  用74条设计判断规则加评分门禁,让Claude Code/Codex产出的UI不再千篇一律

• FRONTEND-DESIGN ／ 前端与设计

  draw-your-font

  POP

  5USE

  9SEC

  8

  7.3SCOUT SCORE

  把手写照片本地转成可安装字体，免费开源，Claude 对话式迭代打磨优于付费网页工具

• FRONTEND-DESIGN ／ 前端与设计

  web-design

  POP

  6USE

  8SEC

  8

  7.3SCOUT SCORE

  先产出DESIGN.md设计规范再生成代码，减少AI网页设计返工

• FRONTEND-DESIGN ／ 前端与设计

  Superdesign Skill

  POP

  6USE

  8SEC

  8

  7.3SCOUT SCORE

  把设计判断力变成可复用可迭代的工具链，让编码Agent产出的界面摆脱千篇一律的默认审美

• FRONTEND-DESIGN ／ 前端与设计

  frontend-design-ilm-alan

  POP

  4USE

  9SEC

  9

  7.3SCOUT SCORE

  8个锚点固化设计方向为CSS token，纯提示词零风险，兼容Claude Code/Codex

• FRONTEND-DESIGN ／ 前端与设计

  Prototype_To_Figma_Skill

  POP

  4USE

  8SEC

  9

  7SCOUT SCORE

  把可运行的原型自动转成带设计系统组件和交互标注的Figma文件,让非技术同事异步评审