nextjs-16
面向 Next.js 16 的开发技能，汇总该版本特有模式：以 proxy.ts 替代 middleware.ts、缓存与 PPR 配置、App Router 约定、路由保护、Server Actions、环境变量与 TypeScript 配置，并附从早期版本迁移的检查清单。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,010 个结果
react-usememo
面向 React 组件中 useMemo 使用与审查的技能，讲解 4 种有效使用场景、何时应跳过，以及判断是否需要的实用启发式方法。
frontend-design
frontend-design 是 bastani-inc/atomic 下的一个前端设计技能，用于按明确设计方向生成有辨识度、可投产的前端界面，避免常见的“AI 味”审美。它要求先确认目标受众、使用场景与品牌调性等上下文，再给出排版、配色、布局、动效、交互与响应式等方面的具体准则。
web-interface-guidelines-review
用于审查前端 UI 文件的可访问性、交互质量、性能与内容规则，并按文件分组输出简洁的 file:line 形式的发现项。适合在合并前对 UI 组件做快速合规检查，或作为团队一致的检查手段。
next-best-practices
依据公开资料整理：这是一个指导在 Next.js 项目中应用 App Router 最佳实践的技能，覆盖路由、服务端与客户端组件、数据访问、缓存、变更、导航、元数据和性能。
tailwind-ui
Tailwind CSS v4.1 开发技能，内置 WCAG 2.1 AA 无障碍、主题化与深色模式支持，适用于编写 HTML、CSS 和组件样式时参考。
format-export
用于将 Fountain 剧本导出为 PDF、FDX 和 HTML 的技能，覆盖 Better Fountain VS Code 扩展、afterwriting 与 screenplain CLI，以及 Highland 等工具的导出流程、配置、校验与命名规范。
gen-frontend-handoff
gen-frontend-handoff 是一个技能，用于把后端 API 变更、服务端行为变化、git diff、提交范围、分支对比或当前会话上下文，整理成面向前端/客户端开发者的交接文档，帮助其更新 API 客户端、类型、UI 渲染与错误处理。
threejs-builder
Three.js Builder 是一个用于创建简单 Three.js 网页 3D 应用的技能，涵盖场景搭建、灯光、几何体、材质、动画与响应式渲染，采用现代 ES 模块写法，适合快速生成可交互的 3D 页面。
HTML
HTML 技能将当前会话产出（分析、研究、红队、报告、计划等）整理为一个自包含、经过设计的 HTML 文件并发布为 Artifact。模型只负责把会话输出浓缩为类型化内容 JSON 并选择设计风格，所有排版、颜色与布局由 Render.ts 决定。
ui-init
ui-init 是 dawitlabs/ui-skills 中 UI/UX 技能集的一次性初始化流程，先探查仓库现状，再逐项确认并补齐 Playwright、axe-core、设计令牌位置、减少动画偏好、设计简报与 CLAUDE.md/AGENTS.md 等 UI 技能所需前置条件。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类共 69 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
ui-ux-pro-max
UI/UX 设计智能技能，通过可搜索数据库提供 UI 风格、配色、字体搭配、图表类型、产品推荐、UX 规范与各技术栈最佳实践，覆盖 50 种风格、21 套配色、50 组字体搭配、20 种图表及 9 个技术栈。
front-comments
front-comments 是一个为前端源码添加结构化注释的技能，支持 JS、TS、React（JSX/TSX）、CSS、Sass、HTML、Vue、Svelte、Astro 文件，提供 Level 1（仅结构）与 Full（结构加行内注释）两种级别，并可指定注释语言。
docling-converter
Docling Converter 是一个文档转换技能，使用 Docling 解析引擎把 PDF、DOCX、PPTX、XLSX、HTML、图片等文件转换为结构化 Markdown 和 JSON，保留表格、标题与文档层级，适合 RAG 与知识库入库。
react-email
React Email 是一个使用 React 组件构建和发送 HTML 邮件的工具，采用组件化方式开发邮件，兼容主流邮件客户端。可通过 npm 安装或使用脚手架创建项目，提供本地预览开发服务器。支持 Tailwind 样式、渲染为 HTML 或纯文本、与多种邮件服务商集成发送，并内置可视化邮件编辑器。
diagram-creator
Diagram Creator 是一个生成架构图的技能：把主题、代码、配置、API 规范、数据库结构等任意输入转成自包含的单文件 HTML 图表，内置无限画布平移缩放、5 种主题与 8 种拓扑布局，无外部依赖，可直接在浏览器打开。
react-native-best-practices
面向 React Native 应用的性能优化指南技能，覆盖 FPS、重渲染、包体积、TTI、内存泄漏与动画等主题，基于 Callstack 的《Ultimate Guide to React Native Optimization》，按优先级提供参考文件与排查路径。
nextjs-tanstack-query
用于在 Next.js 16 中配合 TanStack Query 实现客户端数据获取、服务端预取与注水、乐观更新的技能，涵盖可序列化查询键、staleTime 调优、缓存失效、无限滚动与仅开发环境启用的 DevTools。
organizing-classnames
该技能用于在 React 组件中规范 classNames 包的用法与 Tailwind CSS 类名排序，适用于编写或审查组件代码时统一类名组织方式。
audit-website
audit-website 是一个网站审计技能，借助 squirrelscan CLI（squirrel 命令）对网站进行 SEO、性能、安全、技术、内容等 21 类、230+ 规则的检查，返回健康评分、问题清单与修复建议。需先安装 squirrel CLI 并置于 PATH。
shadcn-base
shadcn-base 是一份面向 Base UI 版 shadcn/ui 的技能文档，用于在需要 shadcn/ui 的 Base UI 组件、文档、CLI、主题、表单、注册表或 MCP 指引时提供参考。它组织官方 Base UI 文档与 shadcn/ui Base UI 组件页面的检索路径，说明 shadcn/ui 并非无头组件，而是基于 Base UI 无头原语构建的、可复制自有的带样式组件，采用复合组件、组合优于继承和变体驱动样式。文档还提供组件索引、安装与 CLI 配置、主题与暗色模式、表单模式与集成、注册表及其 schema、区块工作流、组合模式与 render/useRender 示例、MCP 指引和变更日志等参考入口。
expo-audio
expo-audio 是 Expo 提供的 React Native 音频库，替代已废弃的 expo-av，支持 Android、iOS、tvOS 和 Web 上的音频播放与录制。本文整理其安装、配置、播放、录音、权限与迁移要点。
keyboard-navigation-tester
Keyboard Navigation Tester 是 Frontend Development 类别下的自动激活技能，用于辅助键盘导航测试相关任务。当请求中提及该名称或询问其模式与最佳实践时自动触发，提供分步指导、生成配置与代码并做基础校验。