react-syntax-context
面向 React 开发的 Context 使用技能包，讲解跨组件共享状态、主题/认证/语言 Provider 实现与 Context 性能优化，涵盖 createContext、useContext、use、Provider 模式、useMemo 稳定化、拆分读写 Context 及 React 19 新用法。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,039 个结果
react-syntax-events
面向 React 与 TypeScript 的事件处理技能，讲解合成事件系统、事件类型标注、表单与键鼠交互写法，并列出常见反模式与限制。
react-syntax-jsx
面向 React 18/19 的 JSX/TSX 编写技能，讲解 JSX 编译、属性命名、条件渲染、列表 key、Fragment 与 TypeScript 组件类型标注，并指出常见错误写法。
web-design-picker
用于生成完整网站概念评审包：三个差异明显的响应式设计方向、可切换的评审界面、全屏演示、可搜索素材目录，并输出可直接部署的 Cloudflare Drop ZIP 与设计交付包。
html
该技能专注于编写语义化、无障碍且高性能的现代 HTML 代码，适用于创建 HTML 页面或文档、撰写语义标记等场景。其使用说明强调在编写或编辑任何 HTML 代码前，应通过 Context7 MCP 服务器查询相关上下文，以对齐项目规范与既有模式，并覆盖文档结构、元标签、语义元素、标题层级、无障碍实践、表单、表格、列表及性能优化等主题。
nuxt
Nuxt 是一个全栈 Vue 框架，提供服务器端渲染（SSR）、基于文件的路由、自动导入和强大的模块系统，并使用 Nitro 作为服务端引擎，支持在 Node.js、无服务器和边缘平台上进行通用部署。本技能基于 Nuxt 3.x，生成于 2026-01-28，涵盖目录结构、配置、CLI 命令、路由、数据获取、模块、部署、组合式函数自动导入、组件自动导入、内置组件、状态管理、服务端路由、渲染模式、最佳实践以及 Layers、生命周期钩子、模块编写等进阶主题，适用于开发 Nuxt 应用、服务端路由、useFetch、中间件或混合渲染等场景。
awwwards-style-web-design
一个面向原创高端体验型网页的社区设计技能，用于设计、改版、评审与打磨 Awwwards 风格作品。强调原创、可访问与性能，禁止克隆获奖作品或使用模板，Awwwards 仅作风格参考，不保证任何奖项结果。
ui-skills
面向 AI 代理构建界面的约束型技能，用一组有主张的规则统一技术栈、组件、交互、动画、排版、布局、性能与视觉设计选择，减少代理自由发挥带来的不一致。
artifacts-builder
Artifacts Builder 是一套用于创建复杂多组件 HTML 制品的工具集，基于 React、Tailwind CSS 和 shadcn/ui 等现代前端技术，适合构建功能丰富的前端 HTML 制品。
frontend-design
一个用于打造独特、生产级前端界面的设计技能，强调大胆美学方向、字体与配色策略、动效、空间构图及可访问性，适用于网页、落地页、仪表盘、作品集等界面设计与改进。
figma-to-react
该技能用于从 Figma 提取完整设计信息，生成生产级 React/Next.js 组件，配合 TypeScript 与 Tailwind CSS，追求像素级还原。
gsap-performance
GSAP 性能优化技能，涵盖 ticker 与延迟平滑、交错动画、snap、modifiers、关键帧及性能工具，用于优化 GSAP 动画、提升帧率。
gsap-svg
GSAP 的 SVG 动画技能，围绕 DrawSVGPlugin（描边绘制）、MorphSVGPlugin（形状变形）与 MotionPathPlugin（沿路径运动）三个插件，实现路径绘制、图形形变与元素沿轨迹移动，可配合 ScrollTrigger 制作滚动驱动效果。
unocss
UnoCSS 是一个即时原子化 CSS 引擎，设计上灵活且可扩展。其核心不预设观点，所有 CSS 工具类都通过预设（presets）提供。它是 Tailwind CSS 的超集，因此可以复用 Tailwind 的基础语法知识。使用前，代理应检查项目根目录下的 uno.config.* 或 unocss.config.* 文件，以了解可用的预设、规则和快捷方式；若项目配置不明确，应避免使用 attributify 模式等高级特性，仅使用基础 class 用法。该技能基于 UnoCSS 66.x，生成于 2026-01-28。
nextjs-route-generator
用于生成 Next.js App Router API 路由的技能，可搭建带 Zod 校验、错误处理与 TypeScript 类型的 REST/CRUD 端点。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量。适用于用户要求构建 Web 组件、页面等场景，帮助产出功能完整、视觉出众且细节精致的界面代码。
oil-html
oil-html 是一个个人专用的 HTML 分享文档 skill，需用户明确点名才会调用。它用内置 CSS 类和拟真界面把功能介绍、产品展示、对外演示做成干净可读的单文件 HTML 文档。
react-native-specialist
面向 React Native、Expo、原生模块与移动端模式的跨平台移动开发技能，用于构建和审查 iOS/Android 应用，强调 Expo 优先、性能与离线优先设计。
react-patterns
React Patterns 是一套面向 React 开发的专家知识技能，聚焦 Hooks、组件组合与性能优化，覆盖 useEffect、useState、useCallback、useMemo、Context 等主题，用于创建、诊断和审查 React 代码。
web-artifacts-builder
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
pleasant-bem-css
Pleasant BEM 是一套 CSS 类名方法论，用点号代替传统 BEM 的双下划线和双连字符，如 .BlockName-elementName.modifierName，并提供全局修饰符、块内子/兄弟选择器与作用域级联三种扩展。
frontend-harness-slides
用于构建和迭代 HTML 幻灯片项目的技能，强调可迭代的 harness 契约：稳定帧地址、注册表、固定舞台、冻结模式、审计面、视觉基线与验证交付，支持网页/PDF/静态交付。仅适用于 HTML 幻灯片项目。
angular-core-implementation
用于生成 Angular 组件、服务、模块与指令，并实现依赖注入、生命周期钩子、数据绑定等核心机制，帮助构建可投入生产的 Angular 应用。
react-principle-engineer
基于 React 官方文档提炼的 React 开发原则技能，涵盖 52 条规则与 8 个类别，按对代码质量与可维护性的影响排序，帮助编写和调试使用 hooks 的 React 组件。