react-effects-audit
用于审计 React 或 Next.js 组件中不必要或不安全的 useEffect 用法，依据 React 官方文档《You Might Not Need an Effect》检测 9 类反模式，并给出严重级别、位置与修复建议。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,948 个结果
react-i18n
面向非 Next.js 的 React 应用，使用 react-i18next 实现国际化的技能，涵盖 useTranslation、命名空间、复数、Suspense、Trans 组件、RTL、回退策略与单元测试。
tailwindcss-spacing
Tailwind CSS 间距工具的参考文档，涵盖 v4.3 的 margin、padding 与 space-between 工具类，包括可配置间距刻度、逻辑轴类、居中和常用组合模式。
study-change
用于理解代码变更的 AI 技能：为已解析的变更范围生成一份自包含 HTML 理解包，包含 Background、Intuition、Code、Quiz 四个部分，通过 /study-change 运行。仅作辅助，不作为发布门禁。
accessibility-audit-runner
面向前端开发的自动化无障碍审计技能，在请求中提及“accessibility audit runner”或询问其模式与最佳实践时自动激活，提供分步指导、行业最佳实践与生产级配置生成，并校验输出结果。
image-optimization-helper
Image Optimization Helper 是 Frontend Development 领域的自动激活技能，用于在请求中提及图像优化相关需求时提供分步指导、生成配置与代码，并给出最佳实践建议。
markdown-content
面向 Next.js App Router 的 Markdown 内容页构建指南，覆盖博客、法律页与更新日志。使用 fumadocs-mdx、fumadocs-core、shiki、rehype-pretty-code 与 zod，实现 MDX 内容集合、前页字段校验、代码块双主题高亮，并让 Markdown 代码块与自定义 React 代码组件视觉一致。
angular-directives
面向 Angular v20+ 的自定义指令技能，用于创建可复用的 DOM 操作与行为扩展。涵盖属性指令、host 绑定、类与样式操作、事件与快捷键、结构型指令（Portal、懒渲染、模板出口）以及 hostDirectives 组合与 Directive Composition API。
lavish-axi
lavish-axi 是一个命令行工具，可把复杂的智能体回复或可视化内容转成可审阅的 HTML 产物，让用户在浏览器中标注元素、选中文字、排队提示并回传反馈。适合需要视觉解释、交互原型、方案对比、报告或浏览器内反馈闭环的场景。
wp-bootstrap
wp-bootstrap 是来自 kylebrodeur/wordpress-agent-kit 的命令行引导工具，用于把新建或已有的 WordPress 插件、主题或 monorepo 一次性接入完整 wp-agent-kit 体系，涵盖本地 Playground、Composer、CI 门禁与 git 钩子等配置。
wp-gravityview
GravityView（GravityKit 产品套件成员）用于把 Gravity Forms 的表单条目渲染成前端可搜索、可排序、可筛选的视图（Views），无需自定义查询代码。
sillytavern-embedded-ui
面向 SillyTavern 角色卡的中立框架嵌入式界面设计与实现技能，覆盖开场页、状态栏/HUD、控制中心、抽屉与弹窗，强调语义化 HTML/CSS/JS、状态归属清晰、防御性渲染与无障碍，并把运行时验收交给 sillytavern-runtime-debug。
css-grid-math
用于推导和调试 CSS Grid 布局数学的技能，帮助计算网格坐标、线位置、跨度、负索引、fr 单位、minmax()、fit-content()、repeat()、auto-fill 等，判断元素落点与轨道空间分配。
taste-accessibility
该技能用于在生成界面时内置无障碍能力，而非事后补救。它要求在生成阶段遵循 WCAG 2.2 AA 相关规则，涵盖语义结构、键盘可达性、对比度与目标尺寸、表单标注、动效与认知负担，以及交付前的测试与检查清单。
wcag-audit-patterns
用于按 WCAG 2.2 开展无障碍审计的技能，结合自动化测试、人工验证与修复指导，覆盖 A/AA/AAA 合规级别、POUR 原则、常见违规分级、审计清单、axe-core/pa11y/lighthouse 等工具用法及典型修复模式。
wayfinder
Wayfinder 为 Laravel 控制器和路由生成 TypeScript 函数与类型，可在客户端代码中导入，实现后端路由与前端代码的类型安全和自动同步。适用于开发前端功能，遵循命名导入、避免默认控制器导入，路由变更后运行 php artisan wayfinder:generate。
frontend-review-security
前端安全审查技能，用于对客户端仓库做静态分析、认证授权审计、AI 桌面自测与预发环境检查，输出安全审查报告。
frontend-review-state
用于审查前端状态管理架构的技能：按服务器、URL、表单、UI 等类型对状态分类，检查过度全局化、Jotai/Zustand/Redux 使用模式、登出与缓存失效问题，并输出审查报告。
frontend-review-weekly
frontend-review-weekly 是一个每周前端 AI 审查编排技能，按顺序运行全部 frontend-review-* 技能、并行调度 5 个视角子技能、对比 KPI 基线、为重复发现创建 GitHub issue，并提议将连续三周出现的模式升级为静态规则。
motion-lab
为网页或组件查找、选型和改造动效的技能，内含160个案例的HTML/CSS/JS示例、参数与中英文索引，覆盖基础、文字、交互和高级动效。
state-management
State Management 是 redpanda-data/console 项目中的一项技能，用于指导开发者在前端应用中选择和管理客户端与服务器状态。它结合 Zustand 状态库与 React Query 模式，帮助区分服务器数据、URL 状态、表单状态、跨组件共享状态和局部组件状态，并针对每种场景给出对应的技术选型。该技能通过决策树和快速参考表，明确何时使用 React Query 或 Connect Query 处理 API 响应，何时使用 React Router 管理 URL 状态，何时使用 React Hook Form 处理表单，何时使用 Zustand 管理全局或持久化状态，以及何时使用 useState 或 useReducer 处理局部状态。资料还列出了激活条件，包括管理全局状态、跨导航持久化状态、跨组件数据共享，以及关于 Zustand 与 React Query 的选型疑问。
displaying-html-in-flutter
该技能介绍如何在 Flutter 应用中显示并与 HTML 内容交互，主要借助 easy_web_view 包，支持 Web 与移动平台。内容涵盖 Web 端使用 HTMLElementView 注册 iFrame 元素、通过 data URI 或 Markdown 传入 HTML，以及移动端使用 WebViewController 加载 URL 的方式，并强调平台视图需指定宽高。
draggable-dom-with-lit
本技能介绍如何使用 Lit 构建一个可交互、可拖拽的 DOM 组件。通过 CSS transform 与 slot 插槽，将任意 HTML 或 SVG 元素放入画布中，并支持拖拽移动元素与平移画布背景。教程包含从 Vite 项目初始化、依赖安装、模板编写到完整 Web Component 实现的全部代码，适合希望用 Lit 实现画布式交互界面的开发者参考。
file-based-routing-for-static-sites
这是一个基于 TypeScript 的静态站点构建方案，通过文件系统目录结构实现多页面路由。项目使用 layout.html 作为布局模板，index.md 或 index.html 作为页面内容，构建时自动合并生成静态 HTML 文件。支持 Markdown 转 HTML、代码高亮、HTML 格式化、静态资源复制以及文件监听增量构建。适合需要快速更新和简单内容管理的多页静态网站。