auth-route-protection-checker
用于审计、检查或为 Next.js 路由、Server Component、API 路由与 Server Action 生成认证与授权保护的安全技能，可按权限等级给路由分类、定位未受保护的文件、生成防护代码与测试，并输出审计报告与文档。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,089 个结果
nextjs-fullstack-scaffold
用于生成生产级 Next.js 16 全栈应用脚手架的技能，集成 TypeScript、Tailwind v4、shadcn/ui、Prisma、Supabase 认证、Vitest 与 Playwright 测试及 CI 工作流，按步骤创建目录、配置、路由、组件与文档。
revalidation-strategy-planner
用于分析 Next.js 应用路由并给出缓存与再验证策略的技能：推荐 SSG、ISR、SSR 或流式渲染，配置 revalidate 间隔与缓存标签，并支持按需失效。
huawei-cloud-ces-aom-capacity-assessment
华为云容量评估技能：基于 Excel 容量模板，通过 hcloud CES 与 AOM 采集 21 类云服务实例监控数据，计算峰谷值倍数、压力系数与预计节日上限，判断业务高峰是否需要扩容，并将结果写回 Excel。
krds-transform
krds-transform 用于将已有网站或应用的界面主题与结构迁移到 KRDS UIUX 规范，并在改造过程中保持原有交互行为不变。
storybook
Storybook 8 的 React 组件文档与测试技能，用于编写 stories、通过 Controls/Actions 记录组件、进行视觉测试并支持 MDX 扩展文档。
injective-trading-frontend-ux
用于构建、审查或调试 Injective 交易前端 UX 的技能，覆盖 RFQ、订单簿、AuthZ/自动签名、钱包连接交易、USDC 余额、交易按钮与市场搜索等场景。
oneshot-timeline
oneshot-timeline 是一个用于构建无障碍时间线网站的技能，适合把概念、历史或调查类主题整理成可跟随的叙事。它强调交付可运行网站而非线框或日期清单，并跳过散文式时间线、日程表和落地页。
here-now
here.now 是一个让智能体在数秒内把文件或文件夹发布为在线 URL 的技能。支持 HTML、文档、图片、PDF、视频等静态文件，可设置公开链接、密码或受限访问，并提供团队工作区与私有 Drive 存储。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量，避免常见的“AI 味”审美。适用于构建 Web 组件、页面或应用时，先确定大胆的美学方向，再实现可运行代码。
frontend-ui-integration
用于在 Web 应用中实现或扩展面向用户的 UI 工作流，并对接已有后端 API。适用于以 UI/UX 为主、后端契约与业务规则已存在的改动，遵循 React + TypeScript、现有路由与设计系统约定。
vercel-react-view-transitions
介绍如何在 React 中使用浏览器原生 View Transition API 实现流畅动画的指南，涵盖 <ViewTransition> 组件、addTransitionType 与 CSS 视图过渡类，并说明触发条件、共享元素、Suspense 揭示、Next.js 集成及浏览器兼容与降级。
infographic-generator
信息图/公众号配图生成器：根据写作主题与内容大纲自动生成多主题 HTML 页面，并用 Playwright 截图为 PNG。内置暗黑、明亮、人文、侘寂四种设计风格，默认全部生成，输出到 screenshots 目录。
components-footer
用于设计、优化或审计网站页脚的技能，覆盖 SEO、用户体验与转化。适用于讨论 footer、页脚链接、站点页脚等场景，帮助规划导航、业务信息、用户互动与无障碍要点。
audit-website
使用 squirrelscan CLI（squirrel）对网站进行审计的技能，覆盖 SEO、技术、内容、性能、安全等 140+ 规则，可生成健康分与修复建议报告，适用于排查技术 SEO、检查死链、校验 meta 与结构化数据等场景。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
building-native-ui
一份用于 Expo Router 构建原生风格美观应用的中文指南，覆盖基础、样式、组件、导航、动画、模式与原生标签，并附动画、控件、表单、渐变、图标、媒体、存储、搜索、工具栏、视觉特效、WebGPU 与缩放转场等参考文档索引。
frontend-design
用于创建具有高设计质量的独特生产级前端界面，适用于网页、组件、页面、仪表板、海报等，强调避免通用AI美学，输出可运行且视觉出众的代码。
remotion-best-practices
Remotion 最佳实践技能：在 React 中创建视频时获取 Remotion 领域知识，涵盖动画、字幕、音频可视化、FFmpeg、3D、图表、字体、转场等主题，按需加载对应规则文件。
vercel-composition-patterns
vercel-composition-patterns 是一套面向 React 组件设计的组合模式（Composition Patterns）指南，目标是帮助开发者构建灵活、易维护的 React 组件。它的核心主张是：不要通过不断添加 boolean 类型的 prop 来定制组件行为，而应改用组合式的手段，例如复合组件（compound components）、状态提升（lifting state）以及内部结构组合（composing internals）。这些模式在代码规模增长时，能让人和 AI 代理都更容易理解和修改代码库。该技能适用于多种场景：重构带有大量 boolean prop 的组件、构建可复用的组件库、设计灵活的组件 API、审查组件架构，以及处理复合组件或 context provider 相关的工作。规则按优先级分为四个类别：组件架构（HIGH）、状态管理（MEDIUM）、实现模式（MEDIUM）和 React 19 API（MEDIUM）。每条规则都有独立文件，包含规则重要性的简要说明、错误代码示例与解释、正确代码示例与解释，以及额外背景和参考。React 19 部分仅适用于 React 19 及以上版本，若使用 React 18 或更早版本可跳过。完整编译文档见 AGENTS.md。
vercel-react-best-practices
Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，包含 8 大类共 57 条规则，按影响程度排序，用于指导编写、审阅和重构 React/Next.js 代码，覆盖数据获取、打包体积、服务端与客户端性能、重渲染、渲染、JavaScript 性能及高级模式。
vercel-react-native-skills
面向 React Native 与 Expo 移动应用开发的最佳实践技能集合，按优先级汇总列表性能、动画、导航、UI 模式、状态管理、渲染、Monorepo 与配置等规则，用于构建高性能移动应用。
app-patterns
app-patterns 是面向 macOS/iOS 工具类应用的 SwiftUI 可复用 UI 模式集，来自 makgunay/claude-swift-skills。它针对提示词管理器、剪贴板工具、文本扩展器和启动器等实用型应用，提供成体系的界面实现方案，全部基于 Liquid Glass 设计语言，并假设运行环境为 macOS 26+ / iOS 26+。内容以“模式索引”为核心，涵盖 Spotlight 式快速访问（热键→搜索→选择→执行）、分类侧边栏、浮动编辑器、紧凑网格调色板、设置表单、Toast 通知，以及变量系统、模板选择器、富文本复制和 Diff 视图等。每个模式都配有可直接参考的 SwiftUI 结构代码，并标注所依赖的技能，如 global-hotkeys、appkit-bridge、swiftui-core、liquid-glass、macos-app-structure、pasteboard-textinsertion 等。此外还给出变量占位符 {{placeholder}} 的检测、填充与高亮实现，多格式剪贴板（纯文本 + HTML + RTF）复制方案，以及玻璃效果滥用的反模式说明。
axiom-core-spotlight-ref
面向 iOS/macOS 开发者的 Core Spotlight 与 NSUserActivity 参考技能，讲解如何让应用内容可被 Spotlight 搜索、Siri 预测与 Handoff 发现，并对比 CSSearchableItem、IndexedEntity 与 NSUserActivity 的适用场景。