frontend-master
frontend-master 是一个通过 Gemini CLI 在 --yolo 模式下执行前端 UI/UX 任务的技能，适用于修改 .tsx、.jsx、.vue、.svelte、.css 等前端文件中的视觉与样式元素。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,083 个结果
rum-tracking
一套面向 Web（React/Next.js）与移动端（React Native/Expo）应用的产品分析与 RUM 埋点指导技能，用于判断该采集与不该采集哪些事件、识别 PII、并以不破坏下游看板的方式新增、审计、更新或移除埋点代码。
react-component-generator
用于生成现代 React 组件的技能，输出 TypeScript、Hooks 与无障碍支持，适用于创建 React 组件、UI 组件或搭建前端脚手架等场景。
typo3-a11y
面向 TYPO3 v13/v14.3 LTS 站点包前端开发的 WCAG 2.2 AA 无障碍技能，提供跳转链接、导航、表单、筛选、表格、折叠组件等模式参考与内容元素检查清单。
goquery-parsing
面向 Go 语言的 goquery HTML 解析技能：依据 HTML 快照生成稳健、可维护的解析代码，使用稳定的 CSS 选择器与类型化结构体，使解析器能承受页面小幅改版。
pptx-offline
PPTX 文档离线读写技能：解析、替换、重排、生成缩略图，解包与回包 OOXML 直接编辑 XML，并提供 html2pptx（HTML 转 PPT）工作流，适用于生成与维护演示文稿（依赖安装可能需要网络）。
forms-validation
面向表单与校验的专家技能，聚焦 React Hook Form、Zod 校验、Server Actions、渐进增强、错误处理与无障碍表单。强调客户端校验改善体验、服务端强制校验保障安全，并遵循 references 目录下的模式、风险与规则文件。
sveltekit
SvelteKit 全栈 Web 开发专家知识技能，覆盖 Svelte 5 runes、SSR、表单动作与数据加载。用于 sveltekit、svelte kit、svelte 5、svelte5、runes 等场景，强调服务端优先与渐进增强。
website-accessibility-check
面向网站改动的无障碍检查技能，围绕 WCAG 2.1 AA 提供可重复的检查清单，重点覆盖 Eleventy 页面与共享 UI 组件的语义结构、键盘可达性、图片替代文本、链接文本和表单标签等要点。
css-conventions
一套用于编写与审查 CSS、SCSS、CSS Modules、设计令牌和响应式布局的 CSS 约定，强调先遵循目标仓库的浏览器基线、样式系统、重置、令牌与邻近模式。
figma-implement-design
将 Figma 设计稿转换为可投入生产的前端代码，追求像素级视觉还原。适用于 Figma 链接、节点 ID、组件实现请求。需连接 Figma MCP 服务器，提供文件 key 与节点 ID 或桌面端选中节点，按固定工作流抓取设计上下文、截图与资源并落地到项目设计系统。
stitch-extract-static-html
从运行中的应用或模拟组件抓取自包含静态 HTML 快照，供审阅或上传至 Stitch。必须由用户先选择 Puppeteer 或浏览�器子代理策略，前者推荐且保真度最高。
stitch-loop
用于以迭代方式配合 Stitch 构建多页网站的智能体技能，通过 .stitch/next-prompt.md、SITE.md、DESIGN.md 等接力文件推进页面生成、整合与验证。
stitch-react-native
将 Stitch HTML 设计转换为 React Native 屏幕，或将现有原生组件同步到更新的 Stitch 设计；使用原生基础组件、StyleSheet 规则与主题值，并强调在宿主未暴露相应 MCP 工具时不得声称已调用。
stitch-shadcn-ui
将 Stitch 设计方向落地到 shadcn/ui React 项目的技能，涵盖注册表感知的初始化、组件归属规则、主题令牌映射与验证流程，并明确 Stitch MCP 工具可用性边界。
frontend-pe
frontend-pe 是一个技能（Skill），在用户要求“Ultrafrontend”“High-End UX”“Awwwards Style”或世界级 UI 设计时激活，引导代理以前端首席工程师身份，按设计策略、自我批判、实现三阶段产出高规格前端界面。
prestashop-pr-qa
针对已在运行的 PrestaShop 环境对 PR 做前后两阶段验证：先在修复前代码上复现，再在 PR 代码上验证，通过浏览器、命令行或 HTTP 观察，产出截图/录像/请求等证据，并写出 verdict.json、report.html、report.md 与待粘贴评论草稿。
fake-content
用于 HTML 原型的真实感假内容生成技能，基于 @faker-js/faker 生成人物、产品、评价、文章、公司、活动、FAQ 等示例数据。
nextjs-16
面向 Next.js 16 App Router 的开发技能，覆盖 app/ 目录约定、Server Components、Server Actions、Route Handlers、proxy.ts、数据获取与缓存重验证等模式，适用于在 app/ 目录下开发时参考。
ui-cloner-forensic-audit
UI 克隆流程第一阶段的取证式站点审计技能：对目标网址执行 1.1–1.9 共 9 个审计步骤，产出结构化的 Site DNA 文档，记录设计令牌、动效模式与交互行为，支持 Standard 与 High-Fidelity 两种模式。
frontend
RedisInsight 前端开发规范，涵盖 React/Redux 组件结构、styled-components 样式、hooks、命名导出、barrel 文件、布局组件、状态管理与测试约定。
angular-migration
用于将 AngularJS（1.x）应用迁移到 Angular（2+）的技能，涵盖混合模式、组件重写、依赖注入与路由迁移，适合大型应用增量升级。
html-it
html-it 是一个让智能体用 HTML 而非 Markdown 输出文档的技能，分为静态文档、可视化产物、双向交互、一次性工具四个层级，强调单文件、内联样式脚本、移动端适配，并在交互层级强制提供导出按钮。
google-maps-website-contact-extractor
这是一个用于从 Google Maps 商家列表中提取网站联系方式的技能，可获取商家名称、网站链接、可见邮箱和电话等信息，通过 BrowserAct CLI 访问真实浏览器页面执行任务，仅限公开或已授权数据。