frontend-dev-guidelines
面向现代 React + TypeScript 应用的前端开发规范技能，强调 Suspense 优先的数据获取、懒加载、基于特性的代码组织与严格 TypeScript 纪律，用于组件、页面、特性、路由、样式与性能相关开发及代码审查。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,296 个结果
frontend-mobile-development-component-scaffold
面向 React 与 React Native 的组件脚手架技能，用于生成包含 TypeScript、测试、样式与文档的完整组件实现，强调可访问性、性能与可复用架构。
frontend-mobile-security-xss-scan
面向前端代码的 XSS 漏洞扫描技能，专注检测与预防跨站脚本注入。可分析 React、Vue、Angular 及原生 JavaScript 代码，识别注入点、不安全的 DOM 操作与不当的输入净化处理。
react-patterns
React Patterns 是一套面向生产级 React 应用开发的现代模式与原则集合，覆盖 Hooks、组件组合、性能优化与 TypeScript 最佳实践，以知识模块形式组织，帮助开发者建立规范的组件设计与状态管理思路。
web-artifacts-builder
用于构建复杂多组件 claude.ai HTML 工件的前端工具套件，基于 React、Tailwind CSS 与 shadcn/ui，通过初始化、开发、打包为单一 HTML 文件并展示的流程完成制作。
blcaptain-ppt-skill
blcaptain-ppt-skill（刀锋演示导演·7 视觉人格）是一个把目标、文章、截图或数据转成单文件 HTML 演示的技能，输出有核心判断、页面节奏与统一视觉系统的网页 PPT，覆盖技术战报、产品拆解、行业观察、路演 deck、社媒长图等场景。
accessibility
韩语无障碍标准参考技能，覆盖 KWCAG 2.2 与 MACAG 2025（基于 WCAG 2.2 A+AA），用于构建、修改或评审网页与移动端界面时查询可感知、可操作、可理解、健壮性要求及 WAI-ARIA 角色、状态、属性与控件模式。
frontcraft
frontcraft 是一套前端工艺规范，包含 20 个类别、324 条规则，每条规则带有可测量阈值、优先级与生产级代码示例，覆盖动效与计时、排版、无障碍等前端实现与评审场景。
m-overdrive
m-overdrive 是一个用于网页的高强度视觉效果技能，提供 WebGL 背景着色器、UI 弹簧物理、滚动 3D CSS 变换、Canvas 粒子系统、SVG 形变动画和 View Transitions API 等能力，每页最多使用一次。
react-components
用于开发 React 组件的技能，涵盖函数式组件模式、hooks、命名规范，以及使用 Zustand 与 TanStack Query 的状态管理，并包含 Tailwind CSS 样式和 Testing Library 测试约定。
frontend-design
frontend-design 是一个用于 React 与 Next.js 的前端设计技能，指导创建独特、生产级界面，避免通用“AI 味”审美，涵盖设计方向、组件架构、性能模式与状态管理。
vendored-assets
vendored-assets 是 Effect 仓库中的一项技能，用于导入或更新已检入的第三方及外部生成的 JavaScript、CSS、注册表、schema、快照等资产，把上游产物当作供应链输入来管理。
bootstrap-project
bootstrap-project 是一个用于从 kt-monorepo-template 快速搭建新 Web 项目的技能，固定使用 Next.js 16、Sanity v5、Tailwind 4、shadcn/ui 技术栈，自动完成克隆、占位符替换、设计令牌注入、依赖安装与 GitHub/Vercel 配置等步骤。
occ-headless-frontend
面向 SAP Commerce Cloud（Hybris）OCC REST API 的无头店面前端技能，覆盖 Angular、React/Next.js、Vue/Nuxt 中正确调用 /occ/v2 的方法，含令牌与购物车处理、SAP 特有行为及排错；不含后端与 Spartacus 定制。
webgl2-systems-architect-skill
该技能面向 WebGL2 渲染器架构、GLSL ES 3.00 着色器审查、GPU 性能分析、FBO 与后处理管线设计、上下文丢失调试以及 DPR/填充率相关任务。适用于 WebGL2 的构建、代码审查、调试、迁移与性能优化场景。使用方式为加载 references/00-orchestrator.md（或对应语言目录 locales/{zh-CN,ja,ko}/references/00-orchestrator.md），并仅加载经分诊选定的模块。
react-strict-dom
在 Expo 通用应用中配置 react-strict-dom 的指南，结合 Babel 预设、PostCSS 插件、全局 CSS 指令与 CSS 包装的 HTML 组件，让 HTML/CSS 子集在 Web 与原生平台表现一致，并支持 Tailwind className。
web-video
web-video 是 Evil Martians 开发的 AI 技能，用于把视频编码成浏览器播放效果最好的格式。它内置 ffmpeg 脚本，可生成 AV1、HEVC、H.264 的 MP4 以及 JPEG 封面图；对带透明通道的视频则生成 VP9 WebM 和带 alpha 的 HEVC，并输出可直接嵌入的 <video> 标记。所有编码参数集中在 scripts/web-video.sh 中，通过命令行选项控制速度、输出目录、格式、音频、最大宽度和帧率等。脚本会先检查 ffmpeg 及所需编码器是否就绪，编码较慢但质量优先，适合为网页准备视频素材。
deal-reengagement
用于重新激活停滞商机或冷淡联系人的技能：先汇总 Attio 商机、Gmail 邮件与 Granola 会议上下文，诊断停滞原因，提出 2-3 个重新接触角度，再起草一封简短邮件。
create-pitch-deck
这是一个把创意或需求文档整理成面向 PO 审批会的提案幻灯片的中文技能，输出为单一自包含 HTML 文件，支持全屏键盘翻页。它按事业企划专家视角组织内容，含前提解读、课题、解决方案、胜出路径、画面操作流程与待审批及确认事项，并可校验与截图。
performance-patterns
一份关于 Web 性能模式的技能文档，讲解 Core Web Vitals、网络与 JavaScript 成本、渲染与 hydration、懒加载、缓存等主题，帮助定位并优化真实瓶颈。
frontend-aesthetics
frontend-aesthetics 是一套前端视觉设计准则技能，用于在写代码前先确定具体美学方向，避免生成千篇一律的 AI 风格界面。适用于构建 UI、落地页、仪表盘、设置面板等面向用户的界面。
motion
Motion（包名 motion，前身为 framer-motion）是面向 React 的动画库，提供声明式 API，用较少代码实现复杂动画。它支持手势（拖拽、悬停、点击、平移、聚焦）、滚动动画（视口触发、滚动联动、视差）、布局动画（FLIP 技术、共享元素过渡）、弹簧物理、SVG（路径变形、线条绘制、属性动画）以及退出动画（AnimatePresence）。性能方面支持硬件加速与 ScrollTimeline API，包体积可按需优化：完整 motion 组件约 34 KB（压缩+gzip），LazyMotion + m 组件约 4.6 KB，useAnimate mini 约 2.3 KB，useAnimate hybrid 约 17 KB。依赖 React 18+ 或 React 19+，原生支持 TypeScript。适用于拖拽排序、滚动揭示、共享元素过渡、SVG 动画等场景；简单列表增删动画建议改用 auto-animate，3D 动画建议使用 Three.js 等专用库。
tanstack-query-best-practices
TanStack Query（React Query）最佳实践技能，覆盖数据获取、缓存、变更与服务端状态同步，按优先级给出查询键、缓存、变更、错误处理、预取、无限查询、SSR、并行查询、性能与离线支持等规则，适用于构建数据驱动的 React 应用。
tanstack-router-best-practices
TanStack Router 最佳实践技能，为 React 应用提供类型安全路由、数据加载、搜索参数与导航的规则集，按优先级分类，含正反示例。