animejs
anime.js v4 动画技能，帮助编写符合 v4 语法的动画代码，涵盖命名导入、animate()、缓动、时间线、滚动联动、SVG、拖拽与 React 集成等。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,038 个结果
html-presentations
将 Markdown 规格文件转换为 Poimandres 主题 HTML 演示文稿的技能，支持标题页、要点、引用、Mermaid 图表、图片画廊与渐进式展示，并可打包为单文件分享。
opentui-projects
OpenTUI 项目脚手架助手，提供 create-tui 模板选择、项目目录结构、组件库示例与最佳实践，帮助快速创建和维护基于 OpenTUI 的终端界面应用。
assess-interview-candidate
根据候选人简历与岗位要求，生成可审计的后台评估、候选人简介、按岗位重要性排列的简历疑点、12–18道可直接照读的面试题，以及离线HTML。招聘方可用于准备结构化面试，不用于求职者模拟面试、私人背景调查、心理诊断或自动录用淘汰排序。
good-html
依据公开资料，good-html 是一个 Claude 技能，用于生成或审查高密度、可交互、完全自包含的单文件 HTML 产物，理念源自 Thariq Shihipar 的“The Unreasonable Effectiveness of HTML”。
kanpeki
Kanpeki 是一个面向 React 的复制粘贴式组件库，组件通过 shadcn CLI 复制进项目而非作为 npm 包安装，基于 React Aria Components、CVA beta 与 Tailwind CSS 4.1 构建，代码归使用者所有。
react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类共 70 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
nextjs-image-art-direction
该技能介绍如何在 Next.js 中通过 getImageProps() 实现图片艺术指导（Art Direction），即按视口尺寸展示不同内容或构图的图片，适用于首页轮播、移动端竖版与桌面端横版切换等场景，并给出实现步骤、断点策略与常见限制。
tailwind-css
Tailwind CSS 是一个实用优先（utility-first）的 CSS 框架，通过在 HTML 标记中组合单一用途的类来构建界面，支持响应式设计、深色模式、Flexbox/Grid 布局以及 hover、focus 等状态变体。
svelte5-runes
Svelte 5 runes 使用指导技能，覆盖响应式状态、props 与副作用，涉及 $state、$derived、$effect、$props、$bindable，帮助避免混用新旧语法。
maven-multi-branch-license-gate-hardening
面向 Maven 多分支发布的许可证与合规门禁加固技能，把每条维护分支视为独立发布线，逐分支审计许可证证据、SBOM、完整 Reactor、提交推送与必需 CI，只有同一最终 SHA 上的各项证据全部闭合才判定通过。
drupal-mail
Drupal 邮件系统配置技能，覆盖本地测试（DDEV Mailpit）与生产环境（Mailchimp Transactional/Mandrill）的发送器与格式化器设置、HTML 邮件渲染、Content-Type 头、模板格式及 Drush 调试命令。
html-accessibility
面向静态 HTML/CSS 网站的网页无障碍技能，依据 WCAG 2.1 AA 标准提升包容性体验，涵盖 POUR 原则、语义 HTML、替代文本、颜色对比、键盘导航与测试实践。
frontend-a11y-focus-keyboard-inert
一份前端无障碍技能参考，聚焦键盘优先交互原语：focus-visible、focus-within、inert 属性与 dialog.showModal()，用于模态框、抽屉、标签页、菜单等可聚焦组件。
frontend-agents-design-system-validator
Frontend Agents 设计系统校验器：面向 CSS 代码库的确定性审查清单，用于合并 UI 变更前检查 token 使用、三层令牌链、级联层顺序、@property 注册、明暗主题对等与 WCAG 对比度，输出按严重级别分组的审计报告。仅覆盖上述规则范围，不含无障碍、性能等其它审查。
frontend-impl-responsive-layout-fluid
一套用于构建从320px手机到3840px超宽屏都能正确显示的流式响应式布局的确定性规则集，核心是把字号与间距设计为宽度的连续函数，仅在布局必须切换拓扑时使用断点。
frontend-theming-dark-light-mode
一份关于网站深色/浅色主题的权威参考，围绕 color-scheme、light-dark()、prefers-color-scheme 媒体查询和 picture/source 图片切换四个原语，讲解系统跟随、三态切换、防闪烁及无障碍等用法。
frontend-visual-micro-interactions
前端视觉微交互技能，用于设计按钮、链接、卡片的悬停/聚焦/按压反馈，以及弹窗、提示等入场退场动画编排。提供缓动曲线、时长令牌、交错动画、@starting-style 与 allow-discrete 离散属性过渡等现代 CSS 方案，并强制 prefers-reduced-motion 降级与键盘焦点对等。
react-agents-review
用于审查 React 代码的校验技能，按清单逐项检查 Hooks 规则、TypeScript 类型、性能、状态管理、副作用、表单、组件模式、服务端组件、无障碍、安全与测试，帮助发现正确性问题。
react-core-concurrent
面向 React 并发特性的技能包，用于实现加载状态、优化感知性能、处理慢渲染与添加 Suspense 边界，涵盖 Suspense、useTransition、startTransition、useDeferredValue、lazy 与 React 19 的 use() 等 API 的用法、模式与常见错误规避。
react-core-state
React 状态管理技能，用于设计状态架构、选择状态管理方案并规避常见错误。涵盖 useState、useReducer、Context、外部 store、服务端状态与 React 19 新 Hook 的选型与放置决策。
react-errors-debugging
用于调试 React 应用的技能包，涵盖控制台警告解读、性能分析、Strict Mode 双重渲染理解等。提供 React DevTools、Profiler、组件堆栈追踪、常见错误与警告诊断表，以及开发与生产环境差异说明。
react-errors-hydration
面向 React 服务端渲染（SSR/SSG）的排错技能，用于诊断和修复 hydration 水合警告与客户端/服务端渲染不一致问题，涵盖常见成因、诊断表、isClient 模式、suppressHydrationWarning 与 hydrateRoot 用法。
react-impl-styling
面向 React 组件样式实现的技能指南，帮助选择 CSS 方案、实现响应式设计与 CSS 架构，避免全局样式冲突等常见错误。