angular-standards
用于生成 Angular 代码并提供架构指导的技能，覆盖组件、服务、指令、路由、守卫、表单、信号、依赖注入、样式、测试与 CLI 工具等场景，强调遵循 Angular 风格指南与最佳实践。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,086 个结果
sentry-and-otel-setup
为 Next.js 应用接入 Sentry 错误追踪与 OpenTelemetry 性能监控的技能，涵盖自动错误捕获、分布式追踪、结构化日志、错误边界与采样配置。
mock
mock 是一个用于快速制作 UI/界面设计备选方案的技能：把粗略想法或现有界面转成单个自包含 HTML 文件，内置顶部视图切换器在多个变体间切换，便于快速交付评审。
injective-frontend-wallet
用于构建、审查或调试 Injective 浏览器前端交易签名与广播流程的技能，覆盖 Keplr、Leap、MetaMask、CosmJS、@injectivelabs/sdk-ts 与 CosmWasm 场景。
chat-ui
chat-ui 是来自 ui.inference.sh 的 React/Next.js 聊天界面构建组件集，提供聊天容器、消息气泡、输入框、打字指示器和头像等基础模块。组件基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 shadcn CLI 一键安装，适合快速搭建 AI 对话界面。
web_performance_optimization
该技能用于系统化优化网站与 Web 应用性能，涵盖加载速度、Core Web Vitals、打包体积、缓存策略与运行时性能，帮助提升用户体验、SEO 排名与转化率。
learn-tw
learn-tw 是一个用于生成个人化学习文档的技能：针对某个项目产出 FOR[用户名].md，以台湾繁中、浅白有趣的方式解释项目，并可选用 markdown-to-html 技能生成排版精美的 HTML 好读版。
frontend-i18n
Langflow 前端国际化技能：使用 i18next 与 react-i18next 管理界面文案，新增、修改或审查用户可见文本时，确保所有新键同步写入全部语言文件，避免硬编码字符串导致界面残缺。
ibm-a11y-level1-audit
用于对 Langflow 前端指定范围执行 IBM Equal Access Level 1 无障碍合规审计并生成问题报告。默认只出报告不改代码，仅当用户明确要求修复时才进行整改与验证；范围限定 IBM Level 1，不扩展到 Level 2/3。
web-3d-motion-hero
面向网站 3D 与动效首屏的 GoodCase 工作流技能，要求先读取案例库并选定唯一锚点案例，再产出可追溯的页面叙事、组件与交互规范及验证清单。
favicon
Favicon Generator Skill：从一张源图片生成完整 favicon 图标集（ICO、多尺寸 PNG、apple-touch-icon、web manifest），并自动接入项目 HTML 布局与资源目录。支持 PNG、JPG、JPEG、SVG、WEBP、GIF，依赖 ImageMagick v7+。
tailwind-design-system
面向 Tailwind CSS v4 的设计系统构建技能，涵盖 CSS-first 配置、设计令牌、组件变体、响应式布局与无障碍，适用于创建组件库、统一 UI 规范及从 v3 迁移。
jest-react-testing
面向 React 应用的 Jest 与 React Testing Library 测试技能，覆盖 Jest 配置、查询优先级、用户交互、表单与条件渲染测试、模块/函数/API/Context/子组件 Mock、异步测试与自定义 Hook 测试等，强调按用户行为而非实现细节编写可维护测试。
react-code-reviewer
用于 React 19 TypeScript 代码质量审查的技能，在 quality-reviewer 审查时调用，覆盖组件架构、Hook 依赖、渲染性能、类型安全、状态管理、错误处理、无障碍、样式、数据获取、测试与安全等检查项。
axiom-swiftui-layout-ref
SwiftUI 自适应布局 API 参考指南，覆盖 ViewThatFits、AnyLayout、Layout 协议、onGeometryChange、GeometryReader、安全区内边距、尺寸类及 iOS 26 窗口 API。
vlmkit
vlmkit 是 mizchi 开发的前端质量路由与视觉回归测试（VRT）工具集，通过一个自动技能入口，按用户意图选择工作流，对前端改动做像素与可访问性验证，并循环检测、修复回归，支持截图还原标记、视觉差异解释、迁移评估等。
web-design-guidelines-apply
用于构建或修改前端界面时，让交互、无障碍、表单、布局与性能实现遵循共享的 Web 界面指南，避免界面退化为通用默认样式。
ui-mockup
面向产品经理的 UI 原型助手，按三个保真度层级产出界面模拟：ASCII 线框图、独立 HTML 模拟稿和基于真实组件库的实时原型，强调使用真实数据并严格对齐已定义需求。
senior-frontend
面向现代前端开发的综合技能，基于 ReactJS、NextJS、TypeScript 与 Tailwind CSS，提供组件生成、打包分析和项目脚手架三类自动化脚本，并附带 React 模式、Next.js 优化和前端最佳实践参考文档。
svelte-ui-standards
PolyFlup Svelte 仪表盘的编码规范与 UI 指南，涵盖 Biome 格式化、文件结构、命名约定、Svelte 模式、组件库栈、主题系统、API 集成、数据可视化、表格与统计卡片的展示规范。
to-roadmap
把已确定的功能按现在/下一步/以后三列优先级整理，生成一个无需外部依赖的 ./ideas/roadmap.html 看板文件。每张卡片代表一个功能而非工单，并附开放问题清单。适合独立开发者做产品级功能规划。
ui-ux-spec-genome
UI/UX Spec Genome 是一个可移植、可复现的 UI/UX 规范标准工具：扫描前端仓库中的 UI 来源，并生成 ui-ux-spec 文档包，涵盖设计令牌、全局样式、组件目录、页面模板与无障碍信息，刻意排除业务逻辑与领域流程。
generate-release-screenshots
用于为 tfplan2md 发布说明与文档生成真实 PNG 截图的技能，基于仓库的 HtmlRenderer 与 ScreenshotGenerator 工具。强调生成实际图片文件而非 markdown 链接、先验证再引用、使用绝对 raw.githubusercontent.com 地址等硬性规则。
react-and-nextjs-data-visualization
面向 React 与 Next.js 应用的数据可视化集成技能，重点处理组件归属、水合安全、服务端与客户端边界、打包策略以及可视化层与 React 的集成，覆盖图表、UML 类图与架构图等场景。