narrow-react-prop-types
该技能用于在 React 组件因 story、mock、测试或演示而被放宽 props 类型后，依据真实运行代码路径收窄组件 prop 类型，使类型只描述实际会进入的状态，并让 story、测试与 mock 去适配更严格的契约。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,402 个结果
shadcn-svelte
shadcn-svelte 是面向 Svelte 的 UI、组件与设计系统框架，组件通过 CLI 以源码形式加入用户项目。本条目整理其组件管理、导入约定、CLI 用法及组合与样式规则。
hyva-compile-tailwind-css
为 Magento 2 的 Hyvä 主题编译 Tailwind CSS 的 AI 技能，支持生产构建与开发监听模式，自动检测环境、定位主题、安装依赖并验证输出。
hyva-render-media-image
用于 Hyvä Theme 模板的响应式图片渲染技能：借助 Media 视图模型生成 <picture> 元素，支持移动/桌面不同图源、懒加载与 LCP 优化。
hyva-ui-component
用于把 Hyva UI 中基于模板（非 CMS）的组件应用到 Hyvä 主题的技能，通过从 {hyva_ui_path}/components/ 复制文件到 app/design/frontend/{Vendor}/{Theme}/ 实现安装。
60fps-animation
该技能用于修复卡顿的 CSS 动画、让动画达到 60fps、避免布局抖动，核心是只动画 transform 与 opacity，并提供 FLIP、伪元素阴影、height:auto 展开、批量读写与 will-change 等做法及验证流程。
accessible-animation
无障碍动画技能：在网页 UI 中尊重 prefers-reduced-motion，把动画按三级分层降级而非全部关闭，覆盖 CSS 媒体查询、matchMedia、GSAP、Framer Motion、Lenis 等实现，并给出截图验证流程。
page-transition-animation
用于在 Next.js App Router 中实现页面与路由切换动画的技能，重点解决 Framer Motion AnimatePresence 退出动画在导航时不触发的常见问题，并给出 FrozenRouter 与 View Transitions API 两种方案。
fixing-accessibility
fixing-accessibility 是一套用于审查与修复 HTML 无障碍问题的技能规则集，覆盖可访问名称、键盘访问、焦点管理、语义、表单错误、状态播报、对比度、媒体动效与改动边界，适用于按钮、链接、输入、菜单、对话框、标签页、下拉框以及表单校验等 UI 工作。
fixing-metadata
用于审计和修复网页 HTML 元数据的技能，覆盖标题、描述、canonical、Open Graph、Twitter 卡片、favicon、JSON-LD 结构化数据等，按优先级排查重复与索引问题，并保持改动最小化。
fixing-motion-performance
fixing-motion-performance 是一个用于审查和修复 UI 动画性能问题的技能，覆盖布局抖动、合成器属性、滚动联动动画和模糊效果等场景。它通过规则清单约束 CSS、WAAPI、Motion、rAF、GSAP 等现有动画实现，不迁移动画库。
inngest-durable-functions
Inngest 持久化函数技能，面向 TypeScript 的 Inngest 使用。讲解持久执行模型、步骤（step.run）、事件与定时触发器、自动重试与错误处理、幂等、取消、超时、日志与检查点等模式，帮助构建可容错、长时间运行的工作流。
react-testing-library
React Testing Library 技能：以用户视角测试 React 组件，涵盖查询优先级、user-event 交互模拟、异步工具与无障碍优先 API，并附安装、配置与常见反模式说明。
sf-lwc
sf-lwc 是面向 Salesforce Lightning Web Components 开发的技能，采用 PICKLES 方法论与 165 分评分体系，覆盖组件脚手架、wire/Apex/GraphQL 集成、SLDS 2 样式、无障碍与 Jest 测试。
transitions-dev
Transitions.dev 提供十二种可直接用于生产环境的 CSS 过渡效果，均以 t-* 选择器命名并使用语义化 CSS 自定义属性。无需框架依赖，粘贴代码片段并接入文档中的 HTML 钩子即可使用，每个片段都自带 prefers-reduced-motion 保护。
transitions-dev
Transitions.dev 提供 32 个可直接用于生产环境的 CSS 过渡片段，每个片段以 t-* 选择器命名并配有语义化 CSS 自定义属性。无需框架依赖，粘贴代码并接入文档中的 HTML 钩子即可使用，且每个片段都自带 prefers-reduced-motion 保护。
oklch-skill
OKLCH 色彩空间技能，用于 Web 项目。可将 hex/rgb/hsl 转为 oklch，生成调色板、检查对比度、处理色域边界，并配合 Tailwind v4 主题使用。
explain-interface
一个用于分析网站、视觉效果或动画如何构建的技能：可从实时 URL 或截图出发，说明前端技术栈、渲染方式与某一效果背后的图层堆叠。
clone-website
clone-website 是一个用于将现有网页重建为可运行本地代码的技能。它要求先映射工作范围，再观察源页面，然后构建完整的第一版，最后通过对比、修复、重复来逼近源站。重建时需匹配源站的真实内容、资源、响应式布局与交互，交付可编辑的代码，而不是截图、iframe 或下载的生产包。该技能强调使用源站真实文本与实际加载的字体、图片、SVG 和视频，测量重要几何与计算样式，区分滚动、点击、悬停或时间驱动的变化，并在桌面与移动宽度下检查整页。构建时先建立字体、页面宽度、颜色、资源、路由、页面级行为和共享组件，再逐段实现真实内容与交互。完成后需在相同视口、滚动位置和状态下对比源站与本地页面，优先修复几何、缺失区块、排版、资源裁剪等最大差异，并运行项目生产检查。适用于需要复刻网页外观与行为的开发场景。
angular-architect
面向 Angular 17+ 的资深架构技能，用于生成独立组件、配置懒加载与路由守卫、实现 NgRx 状态管理和 RxJS 模式，并遵循 OnPush、信号与严格 TypeScript 等企业级实践。
nextjs-developer
面向 Next.js 14+ 应用开发的技能，聚焦 App Router、服务端组件与服务端操作，覆盖路由、数据获取、缓存、SEO 与部署优化，并给出必须遵守与禁止的做法约束。
react-expert
面向 React 18+ 应用开发的技能，适用于 .jsx/.tsx 文件、Next.js App Router 与 create-react-app 项目，覆盖组件创建、状态管理、性能优化、React 19 Server Components 与表单、数据获取及测试等任务。
vue-expert
vue-expert 是 jeffallan/claude-skills 项目中的一项 Vue 开发技能，面向需要构建现代 Vue 应用的场景。它以资深 Vue 专家的角色，围绕 Vue 3 Composition API、响应式系统与 Vue 生态展开工作，主要能力包括：使用 Composition API 与 <script setup> 编写组件，配置 Nuxt 3 的 SSR/SSG 项目，搭建 Pinia 状态管理，构建 Quasar/Capacitor 移动或混合应用，以及使用 Vue Test Utils 与 Vitest 进行组件测试。工作流覆盖需求分析、架构设计、实现、类型校验（vue-tsc --noEmit）、性能优化与测试等环节，并附带 Composition API、组件、状态管理、Nuxt 3、TypeScript、移动与混合应用、构建工具等主题的参考文档。技能还给出了明确的编码约束，例如必须使用 Composition API 与类型安全的 props，不得混用 Options API、不得直接修改 props、不得使用已弃用的 Vuex 等。
vue-expert-js
vue-expert-js 是一个面向 Vue 3 的 JavaScript 开发技能，专注于在完全不使用 TypeScript 的前提下构建 Vue 3 应用。它以 JavaScript 配合 JSDoc 类型注解替代 TypeScript，适用于创建 Vue 3 组件、编写原生 JavaScript composables、配置 Vite 项目，以及搭建路由与状态管理。该技能提供从架构设计、实现、类型标注到测试的完整工作流：先规划组件结构与 composables 并编写 JSDoc 类型注解，使用 <script setup>（不带 lang="ts"）与 .mjs 模块实现，再通过 eslint-plugin-jsdoc 校验类型覆盖，最后用 Vitest 以 JavaScript 文件进行测试。它还附带 JSDoc 类型、composables 模式、组件架构、状态管理、测试模式等参考文档，并给出带 JSDoc 类型的组件与 composable 代码示例。技能明确要求使用 Composition API 与 <script setup>、为公共函数添加 @param 与 @returns、用 @typedef 描述跨文件共享的复杂对象，同时禁止使用 TypeScript 语法、.ts 扩展名及 CommonJS require()。