yy-frontend-vue2-doc
为 Vue 2 单文件组件（SFC）自动生成规范中文注释的技能，解析模板、脚本、样式三区并添加结构化注释，仅在用户提供 .vue 文件内容或明确要求为组件加注释时触发。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,096 个结果
cordierite
Cordierite 是一套 CLI/守护进程/MCP 工作流，用于连接已启用 Cordierite 的 React Native 应用，发现并调用应用注册的工具，供智能体从终端或 MCP 驱动设备。
accessibility-a11y
一个面向 Web 前端开发的无障碍（a11y）技能文档，涵盖语义化 HTML、键盘导航、焦点管理、ARIA 标签、跳转链接与 WCAG 对比度要求，用于在开发中检查并落实无障碍合规。
build-website
build-website 是 codewithjv/agent-skills 中的一项技能，用于把网站计划落实为可运行站点。它读取或补全 website/site-plan.md，代为决定用纯手写 HTML/CSS/JS 还是小型静态站点生成器，边做边预览，并附构建说明，但不负责发布上线。
cometchat-react-push
为 CometChat React UI Kit v6 在 Vite、Next.js、React Router、Astro 项目中实现聊天新消息 Web 推送的技能。推荐使用 CometChat 原生 FCM Web 推送；自托管 VAPID 推送仅作高级备选。
ui5-custom-controls
面向 SAPUI5 自定义控件开发的技能参考，涵盖 Control.extend()、渲染器与 apiVersion 2、元数据（属性、聚合、事件）、生命周期钩子以及 TypeScript 控件写法，并给出常见错误与最佳实践。
building-blog
在 Next.js + Sanity 网站中添加博客的通用工作流技能，面向企业博客，强调 SEO、国际化、性能预算与无障碍合规；先扫描项目再问卷收集需求，经用户确认计划后按规范实施。
sveltekit
SvelteKit 是构建在 Svelte 之上的官方全栈框架，提供基于文件的路由、SSR、SSG、API 路由与表单动作，并借助编译期响应式模型向浏览器输出零运行时开销。
frontend
该技能强调按框架原生方式开发前端：组件库与CSS框架按其文档和主题系统使用，避免覆盖、包装或混用多套UI库。使用前须先扫描项目，识别前端框架、组件库、CSS框架与主题配置，再据此实现。
hyperframes
HyperFrames 是一个以 HTML 为视频唯一来源的框架，用 data-* 属性控制时间、GSAP 时间线做动画、CSS 控制外观，可制作视频合成、动画、标题卡、叠加层、字幕、配音、音频可视化与场景转场。
hyperframes-registry
HyperFrames Registry 技能用于通过 hyperframes add 命令安装可复用的 blocks 与 components，并将其接入 HyperFrames 合成。适用于执行 hyperframes add、安装区块或组件、以及在现有合成中接线已安装项的场景。
3d-web-experience
3D Web Experience 是一个面向网页 3D 体验开发的专业技能，定位为「3D Web Experience Architect」。它覆盖 Three.js、React Three Fiber、Spline、WebGL 与交互式 3D 场景，强调在视觉冲击力与性能之间取得平衡，并让从未接触过 3D 应用的用户也能顺畅使用。能力范围包括 Three.js 实现、React Three Fiber、WebGL 优化、3D 模型集成、Spline 工作流、3D 产品配置器、交互式 3D 场景以及 3D 性能优化。其知识模块按主题组织，涵盖 3D 技术栈选型、方案对比、决策树、Spline 快速起步、React Three Fiber、3D 模型管线、格式选择、优化管线、GLTF 压缩、在 R3F 中加载、滚动驱动 3D、R3F 与滚动控制、GSAP 与 Three.js 结合、常见滚动效果，以及若干反模式提醒（为 3D 而 3D、仅桌面端 3D、缺少加载状态）。适用于产品配置器、交互式 3D 场景等网页 3D 项目。具体安装方式、收费与平台支持信息暂未提供。
web-design-guidelines
用于审查 UI 代码是否符合 Web Interface Guidelines 的技能：先抓取最新规则，再读取指定文件逐条检查，并以简洁的 file:line 格式输出问题。
view-refactor
面向 macOS SwiftUI 的视图与场景重构技能，帮助把大型视图拆分为小而明确、结构稳定的场景与视图类型，默认使用原生 SwiftUI，仅在桌面行为确需时收窄 AppKit 桥接。
nextjs
面向 Next.js 16 的 AI 技能，覆盖 App Router、React Server Components、Cache Components 与 BFF 模式，提供从新建应用、加页面、写 Server Action 与 Route Handler，到调试、测试、性能优化和部署的完整工作流与参考文档。
gsap
GSAP 动画参考文档，面向 HyperFrames 场景。内容涵盖核心补间方法 gsap.to()、from()、fromTo()、set()，缓动（easing）、交错（stagger）、默认值（defaults），以及时间线 gsap.timeline() 与位置参数等用法。文档还介绍了变换别名、函数式取值、gsap.matchMedia() 响应式与无障碍适配、时间线嵌套与播放控制、性能优化（优先使用 transform 与 opacity、will-change、gsap.quickTo()、stagger 替代多个补间、清理动画）等主题，并列出最佳实践与应避免的做法。
tanstack-db
TanStack DB 的 React 使用指南，介绍本地优先数据库与响应式层，涵盖 useLiveQuery、乐观变更、Schema 校验、依赖数组、路由预加载，以及 Dexie.js 与 PGLite 社区集成。
frontend-agent
面向 React、Next.js 与 TypeScript 项目的前端专家技能，遵循 FSD-lite 架构，使用 shadcn/ui 与设计系统对齐，适用于 UI、组件、页面、布局等前端开发任务。
nextjs-image-art-direction
用于在 Next.js 中实现图片艺术方向（art direction）的技能：当移动端、平板或桌面需要不同图片素材或裁剪时，用 getImageProps() 配合 picture、source 和 img 为每个视口渲染正确图片，同时保留 Next.js 图片优化。
frontend-design
frontend-design 是一项前端设计技能，用于在构建网页组件、页面等前端界面时，产出具有鲜明设计风格、生产级质量的前端界面。它强调先确定大胆的美学方向，再编写可运行代码，并给出排版、配色、动效、空间构图与背景细节等指导。
web-artifacts-builder
一套用于构建复杂多组件 claude.ai HTML 产物的工具，基于 React、Tailwind CSS 与 shadcn/ui 等现代前端技术，支持将代码打包为单个自包含 HTML 文件并在对话中作为产物展示。
stitch-ui-uviewpro-components
将 Stitch 设计稿转换为 uni-app + Vue 3 + uView Pro 页面与组件的技能，通过 Stitch MCP 获取屏幕元数据与 HTML，强制使用 u-* 组件、rpx 与 script setup 规范。仅在用户明确提到 Stitch 并需转换到 uni-app + uView Pro 时使用。
react-setup
react-setup 是一个用于从零搭建 React 单页应用（SPA）前端的脚手架技能，基于 Vite、TypeScript、Redux Toolkit、React Router、Tailwind CSS 与 shadcn/ui，并内置基于 JWT 的登录、注册与路由鉴权结构。
react-hook-form
React Hook Form 的表单模式技能，讲解配合 Zod 实现高性能、类型安全的表单，涵盖字段数组、多步表单与受控组件等常见场景。