vue-composition
Vue 3 Composition API 技能，覆盖响应式系统、组合式函数、生命周期钩子与组件模式，并包含安全、错误处理、性能优化、可访问性与测试等生产实践。适用于使用 Vue 3 与 <script setup> 的前端开发场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,989 个结果
ce
Commerce Engine 的 B2C 店面技能路由，用于在用户询问搭建店面、SDK 安装、认证、商品、购物车、结账、订单、Webhook、SSR、SEO、AI 购物代理等任务时，将请求分发到对应的 ce-* 技能。
sanity-cms
面向 Williamstown SC 项目的 Sanity 无头 CMS 技能，提供体育俱乐部内容建模、TypeScript 类型安全查询与 Next.js 集成模式，涵盖博客、赛事、球员、赛程等，并包含 SEO、图片优化与草稿预览。
uview-pro-vue3
uView Pro 是一套面向 Vue 3 与 uni-app 的组件库，提供 100+ 组件、工具方法、布局与模板，并支持主题定制与国际化。本技能按官方文档结构提供安装配置、组件、工具、布局与 API 的示例指引，帮助在 uni-app 项目中正确使用 uView Pro。
uview-vue2
面向 uni-app 的 uView Vue 2 组件库使用技能，按官方文档结构提供组件、$u 工具、主题定制与集成指南，覆盖 Button、Input、Form、Table、Modal、Toast、Http 等，并附 API 参考与模板。
directus ui extensions mastery
面向 Directus 的 Vue 3 UI 扩展开发技能，指导使用 @directus/extensions-sdk 构建面板、接口、显示与布局等扩展，涵盖实时数据、响应式设计与主题集成。
design-anti-patterns
一个用于前端 UI 生成的反模式约束技能，基于 Uncodixfy 方法论，在编写 HTML、CSS、React、Vue、Svelte 等界面代码时强制执行反 AI 风格设计规则，避免玻璃拟态、渐变、夸张圆角与无意义装饰等常见套路。
wp-static-clone
wp-static-clone 是一个把线上 WordPress（或其他带 XML sitemap 的 CMS）站点抓取为静态 HTML 的技能，产物可部署到 Cloudflare Pages、Netlify、Vercel、S3+CloudFront 等静态托管。它处理 Cloudflare 反爬、链接重写、分析代理、R2 外链上传、评论表单、Yoast 署名、Gravatar 隐私等 WordPress 特有问题。
project-create
用于按团队模板创建新项目的技能：先确认技术栈（当前有 Angular、Next.js），再读取对应 references/<stack_id>.md 参考文件，执行其中的 git remote、fetch、merge 等步骤，将团队模板合并到用户仓库，并在合并后完成命名、环境变量、npm install 等收尾。不修改远程模板仓库。
ViewComponents Specialist
面向 Ruby on Rails 的 ViewComponent 专家代理，专注组件架构、slots、预览与方法暴露模式，用于创建或修改 ViewComponent 及排查渲染问题。
enhance-web-ux
enhance-web-ux 是一个用于改进单个页面或路由 UX 的技能，基于 NN/g 启发式规则，通过三视口截图与 DOM 取证找出显性与隐性痛点，并用现有设计系统原语落地具体代码改动。
enhance-web-web3d
为现有网站添加有目的的 3D/WebGL 与滚动编排效果，使用 Three.js、React Three Fiber、GSAP 或 Motion。适用于“add 3D”“WebGL hero”“React Three Fiber”等需求，强调先审计仓库、按性能预算集成，并内置降级与减少动效支持。
Lightning CSS
Lightning CSS 是用 Rust 编写的极快 CSS 解析、转换、打包与压缩工具，可替代 PostCSS、autoprefixer 与 postcss-preset-env。适用于在 Vite 中配置 CSS、设置浏览器目标、启用 CSS Modules 及生产环境压缩。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
frontend-ui-standards
用于实现、重构或审查前端界面代码的技能，强调把设计系统落到代码中，保持可预测、可复用与视觉一致。适用于 SwiftUI、React、React Native、Flutter 及 Web 与移动端，覆盖 Figma 转代码、视觉缺陷修复与生产就绪审查。
kf-g-css-tak-design-system-terminology
用于统一设计与 UI 实现中命名规范的技能，依据 Web 标准与职责边界判断术语是否恰当。涵盖 Element、Section、Container、Link 与 Button、Navigation 与 Menu、Pattern、Component、Template、Theme 等概念的定义与区分，并给出推荐词与不推荐词。
html-seo-review
用于审查静态 HTML 文件的页面 SEO 技能，检查 on-page SEO、内容质量、易得的性能信号与可爬取性，输出按严重程度排序、可执行的发现清单。
imagegen-frontend-web
该技能面向网站与落地页的前端视觉方向参考生成，强调以“艺术指导级”的图片产出替代通用 AI 插画。其核心是分节出图：每个页面区块生成一张独立的横向图片，绝不把多个区块合并成一张长图或拼贴。若用户未说明区块数量，落地页默认 6 节、完整网站模板默认 8 节，并按“Section X of N: 区块名”逐一标注输出。技能内置一整套视觉方向参数基线，包括设计变化度 8、视觉密度 4、艺术指导 8、可实施清晰度 9、图像使用优先级 9、间距充裕度 8、布局变化度 8、转化纪律 8，用于在不过度拥挤的前提下产出有层次、可读、便于前端实现的设计稿。同时提供组合式变化机制，涵盖主题范式、背景特征、字体气质、首屏结构、区块系统、标志性组件、动效暗示、构图锚点、背景模式、CTA 形态、首屏尺度、叙事主线与“第二眼”细节等维度，要求选定组合并一致执行，而非堆砌。针对首屏特别强调避免默认的左文右图套路，优先考虑居中叠加、左下/右下文字压图、顶部左引导、图像即画布、偏网格编辑式等构图。适用场景包括落地页、营销站、产品页、作品集与整站模板的设计参考出图；限制在于它只产出视觉参考图，不涉及具体代码实现、收费与价格等信息，资料中未提供。
tailwind-shadcn
一套 shadcn/ui 与 Tailwind CSS 的编码规范技能，可自动识别 React 或 SolidJS 项目并应用对应写法。React 使用官方 shadcn CLI 与 Base UI 原语，SolidJS 使用 shadcn-solid 与 Kobalte，强调语义化颜色令牌、优先复用组件、避免原始色值。
improve-codebase-architecture
扫描代码库中可深化的架构机会，生成可视化 HTML 报告供选择，再用提问流程逐项探讨。
theme-factory
为幻灯片、文档、报告和 HTML 落地页等制品统一套用主题样式的工具包，内置 10 套预设字体与配色主题，并支持自定义主题。
broken-link-scan
面向网页质量检查的免费技能，用 Playwright 抓取页面并检查链接是否失效，报告 404、重定向链、超时与空 href 等问题，需配合 Playwright MCP 使用。
jaspr-fundamentals
Jaspr 组件编写基础技能，介绍无状态/有状态/继承组件、HTML 组件、事件处理与浏览器 API 访问等核心用法，适用于 Jaspr 项目开发。
elite-web-design
elite-web-design 是 elite 网页设计技能集合的路由技能，本身不含设计内容；它根据用户任务判断应加载哪些子技能，供涉及网页设计、建站和页面设计时优先使用。