nextjs-code-reviewer
面向 Next.js 15 App Router 代码审查的技能，提供框架专属检查清单，覆盖文件组织、服务端与客户端组件划分、数据获取、路由、加载与错误处理、API 路由、安全、Server Actions、元数据与 SEO、图片、性能、缓存、渲染、TypeScript、中间件、国际化及代码质量等审查要点。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,084 个结果
react-query-patterns
面向 TanStack React Query v5 的服务端状态管理技能，在实现数据获取与缓存时调用。提供 QueryClient 配置、useQuery/useMutation、查询键组织、无限查询、预取、依赖与并行查询、错误处理及性能优化等模式。
html-semantic-engineering
一套面向生产环境的 HTML 语义工程技能，提供 30 条实用规则，覆盖语义化标记、无障碍（WCAG 2.1 AA）、性能优化、表单与安全，适合编写规范、可访问且高性能的 HTML。
daisyui
daisyUI 5 是面向 Tailwind CSS 4 的 CSS 组件库技能，提供常见 UI 组件的类名、语义化颜色与主题。资料要求：编写 HTML 或 JSX 代码时使用它，即使用户未主动要求也应使用。
writing-typescript-code
该技能为特定仓库提供 TypeScript 与 React 编码规范，涵盖类型安全、MSAL 鉴权、Vite HMR 工作流、状态管理与组件模式，用于编写或修改前端 TypeScript 代码时参考。
moai-ref-react-patterns
面向 React/Next.js 前端开发的参考技能，整理组件设计模式、状态管理选型、App Router 项目结构、性能与错误处理、无障碍检查等规范，供前端任务直接套用。
moonshine-component
MoonShine 自定义展示组件开发技能，用于为管理后台创建仪表盘、统计卡片、徽章等非数据类 UI 组件，提供结构规范、Fluent 方法、插槽与嵌套组件等开发指引。
validate-block-markup
用于校验、诊断或修复独立序列化的 WordPress Gutenberg 区块标记，基于固定版本的 Node.js 运行时与 WordPress 核心区块库。可区分结构有效性与跨站点可移植性，并区分审查与修复两种任务。
make-content-editable
该技能用于把 Nuxt Content 的 Markdown 文件中硬编码的 Vue 组件，转换成基于插槽、可在 Nuxt Studio 中编辑的 MDC 组件，并尽量保持原有渲染视觉效果一致。
opencli
OpenCLI 是将网站和 Electron 应用转为 CLI 命令的工具，复用 Chrome 登录态，无需密码或 token，返回结构化 JSON，适合操作有 adapter 的站点（如 GitHub、Bilibili）。
bx-jsoup
bx-jsoup 是 BoxLang 的 HTML 解析与净化模块，提供 htmlParse()、htmlClean() 两个 BIF，支持 CSS 选择器查询、文档转 JSON/XML，以及基于白名单的 XSS 防护，适合抓取、提取与富文本净化场景。
bx-ui-forms
bx-ui-forms 是 BoxLang 的 HTML 表单组件模块，提供 bx:form、bx:input、bx:select、bx:slider、bx:textarea 等标签，用于生成语义化、可访问的表单标记，不绑定任何 JavaScript 框架，样式由开发者自行处理。
react-useeffect
React useEffect 最佳实践指南，源自官方文档。用于编写或审查 useEffect、使用 useState 处理派生值、数据获取或状态同步等场景。核心观点是“你可能并不需要 Effect”：Effect 是 React 的逃生舱，用于与外部系统同步；若没有涉及外部系统，通常就不应使用 Effect。资料以快速参考表和决策树的形式，对比了派生状态、昂贵计算、属性变化时重置状态、用户事件响应、通知父组件、数据获取等常见情况下的错误做法与正确做法，并说明何时确实需要 Effect（如与外部系统同步、订阅外部存储、分析日志、带清理的数据获取），何时不需要 Effect（如渲染时的数据转换、处理用户事件、派生状态、链式状态更新）。
frontend-performance
面向 Web 与 SaaS 前端的性能专项技能，产出每个关键流程的性能预算、与 SLO 对齐的测量计划以及 CI 中的回归门禁，而非通用优化清单。需先加载系统架构设计与可观测性监控技能。
performance
该技能聚焦 Angular 应用性能优化，涵盖变更检测策略、懒加载与打包体积优化等主题，帮助开发者实施 OnPush、改进运行时性能并构建高性能应用。
best-practices
面向现代 Web 开发的“最佳实践”技能，基于 Lighthouse 最佳实践审计，覆盖安全、浏览器兼容与代码质量。适用于要求“应用最佳实践”“安全审计”等场景，提供证据驱动的审计流程、检查清单与跨客户端（Copilot、Claude Code、Codex）使用说明。
web-design-guidelines
用于审查 UI 代码是否符合 Web Interface Guidelines 的技能，可检查可访问性、设计规范与 UX 问题，按 file:line 格式输出发现。
tech-tanstack-router
该技能为 TanStack Router 的类型安全路由模式草稿脚手架，状态为未完成，暂不适用于常规使用。官方资料未提供具体规则、安装方式或使用步骤。
tweak
tweak 是一个面向单文件 HTML 的实时调整面板工具，可向幻灯片、网站或 mockup 注入控制滑块，在浏览器中实时调整动画速度、字号、密度等视觉参数，完成后把数值烘焙回源文件并移除面板。
website-about-page-lead-scraper
从企业网站 About 页面采集公开线索信号的技能，可提取公司简介、团队成员、使命、创立故事与联系方式，并借助 BrowserAct CLI 访问真实浏览器页面执行任务，适合公司信息补全与线索研究。
website-case-study-lead-scraper
一个用于从公司官网案例研究页面收集客户线索的Skill，可抓取客户公司、行业、用例与可见联系信号；需通过BrowserAct CLI在真实浏览器页面执行任务，仅限公开或获授权数据。
website-contact-details-scraper
该技能用于从公司网站的公开联系页面采集联系方式，包括邮箱、电话、地址、联系表单链接和社交资料等，依赖 BrowserAct CLI 以真实浏览器页面执行任务，仅在公开或已获授权的数据范围内工作。
website-footer-contact-extractor
该技能用于从公司网站页脚提取公开的联系信息，包括邮箱、电话、地址、社交链接和法人实体等。它依赖 BrowserAct CLI 访问真实浏览器页面执行任务，适用于线索获取、公司调研和网站内容补充等场景，仅处理公开或已获授权访问的数据。
website-newsletter-page-scraper
该技能用于从公司网站页面收集简报（newsletter）相关信号，例如公司名称、简报标题、主题、联系方式与订阅链接，适合需要识别有简报业务的公司或做线索补充的场景。依赖 BrowserAct CLI 访问真实浏览器页面执行任务。