Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-24 00:15

前端与建站

11,044 个结果

react-impl-project-setup

用于创建新 React 项目、配置 Vite、设置 TypeScript 与项目规范的技能。强调使用 Vite 的 react-ts 模板而非已弃用的 Create React App，并给出目录结构、tsconfig、ESLint、环境变量与脚本等约定。

前端与建站18 次安装

react-impl-server-components

面向 React Server Components 的实践技能，讲解服务端与客户端组件边界、Server Functions（Server Actions）、数据流与序列化规则，并给出迁移到 RSC 模型的注意事项。

前端与建站18 次安装

react-syntax-components

面向 React 组件开发的技能包，指导用 TypeScript 为函数组件标注 props、转发 ref、实现组件组合模式，并规避类组件、组件内定义组件、条件调用 Hook 等常见错误。

前端与建站18 次安装

react-syntax-hooks-basic

面向 React 开发的技能包，讲解 useState、useEffect、useContext、useRef、useMemo、useCallback、useReducer 七个核心 Hook 的用途、签名与依赖数组规则，帮助避免漏写依赖、条件调用 Hook 等常见错误。

前端与建站18 次安装

Cloudflare Images 是 Cloudflare 全球网络上的端到端图像存储、转换与交付方案。它支持两种使用模式：将图片上传到 Cloudflare 并通过变体（variants）交付，或对来自任意源（如 R2、S3）的远程图片进行实时转换。主要能力包括图片上传（API、Worker、Direct Creator Upload）、变体管理、URL 与 Workers 转换、格式自动选择（WebP/AVIF）、裁剪、模糊、锐化、旋转、水印、签名 URL 保护、响应式图片 srcset 等。可通过 URL 前缀 /cdn-cgi/image/ 或 Workers 绑定调用，支持 JPEG、PNG、GIF、WebP、SVG、HEIC 等输入格式。适用于大规模优化图片交付、远程图片实时处理、响应式图片、人脸感知裁剪等场景。

前端与建站18 次安装

frontend-design

frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。

前端与建站18 次安装

gsap-tanstack-router

面向 TanStack Router（React）与 TanStack Start 的 GSAP 动画技能，用于构建或审查页面过渡、组件进出场、滚动效果、useBlocker 与 pending UI 等动画，覆盖挂载到卸载之间的五个动画阶段。

前端与建站18 次安装

design-taste-frontend

面向 React/Next.js 的高级前端 UI/UX 技能，用于生成非模板化、可维护且性能安全的界面，通过指标化规则约束 LLM 默认审美偏差，强调组件架构、动效与交互状态规范。

前端与建站18 次安装

ppt-master

PPT Master 是一个基于 Reveal.js 的演示文稿制作技能，可将主题与内容转化为单个自包含的 HTML 演示文稿，直接在浏览器打开，无需构建步骤。支持主题配色、代码高亮、图表、渐进动画、演讲者备注与 PDF 导出。

前端与建站18 次安装

angular-ssr

面向 Angular v20+ 的 SSR 与 hydration 技能，使用 @angular/ssr 实现服务端渲染、水合与预渲染，可配置渲染模式、增量水合触发、TransferState 缓存与部署到 Node.js。

前端与建站18 次安装

vercel-react-best-practices

Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。

前端与建站18 次安装

install-kokonutui-component

该技能用于查找并通过 shadcn CLI 将 KokonutUI React 组件安装到项目中，并阅读其源码与文档。

前端与建站18 次安装

react-best-practices

用于审计 React 与 Next.js 组件性能的 AI 技能，依据 Vercel Engineering 的 57 条规则，按优先级检查瀑布式请求、不必要的重渲染、包体积等问题，并输出违规清单与修复建议。

前端与建站18 次安装

axhub-commentary-client

Axhub Commentary 页面侧接入技能，用于让页面被 Axhub Chrome 扩展或 Make 预览环境识别、定位、读取可调整属性并回写，涵盖属性编辑、页面级属性聚合、多方案比稿与切换、页面资源上下文与定位信息补齐。

前端与建站18 次安装

liquid-glass

面向 Apple 平台开发者的 Liquid Glass 设计系统指南，覆盖 macOS 26、iOS 26 等系统。介绍 SwiftUI 的 .glassEffect()、GlassEffectContainer、形变过渡与玻璃按钮样式，并给出 AppKit、UIKit、WidgetKit 的对应用法、常见错误与决策路径。

前端与建站18 次安装