auth-better-auth
用于在 Next.js 16 项目中集成 Better Auth 的技能，基于 Drizzle 适配器，覆盖 OAuth 提供商配置、会话管理、受保护路由与客户端认证状态等集成模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,035 个结果
tools-artifacts
用于创建复杂多组件 claude.ai HTML 工件的工具套件，基于 React、Tailwind CSS 与 shadcn/ui 等现代前端技术，通过初始化、开发、打包为单文件 HTML 的流程构建工件。
web-frameworks
面向现代全栈 Web 开发的技能组，整合 Next.js、Turborepo 与 RemixIcon，覆盖 SSR/SSG/RSC、Monorepo 构建缓存与图标使用，适合搭建单应用或多应用共享代码的项目。
storybook-to-product
该技能用于把在设计系统 Storybook 中完成的界面搬运到生产产品中，并最终产出一个拉取请求。它按区域评估工作，将标记和样式转换为产品自身语言，接入数据、交互、表单与链接，并通过构建检查、泄漏搜索、与故事对照、行为验证及 axe 检查来证明产品与设计一致。技能包含交接（Handoff）和补课（Catch-up）两种模式，会记录已发布的每个故事版本，便于后续增量跟进而非重做。它不会发布设计系统、合并或部署，合并与部署始终由人完成。
kb-mobile-accessibility
面向 React Native、Expo、iOS 与 Android 的移动端无障碍参考数据技能，供 mobile-accessibility.agent.md 使用。汇总无障碍属性、角色映射、触控目标尺寸、常见违规模式与测试工具命令，本身不是审查器。
canvas
Canvas 是 elizaOS/eliza 中的技能，用于在已连接的 Otto 节点（Mac 应用、iOS、Android）上展示、呈现和渲染 HTML 内容，支持在设备上显示、移动端预览、推送到屏幕或导航到指定页面。
epic-routing
Epic Stack 的路由指南技能，讲解如何使用 React Router 与 react-router-auto-routes 进行基于文件的路由配置，涵盖路由创建、嵌套布局、资源路由、路由参数、搜索参数以及 loader 与 action 的写法。
project-structure
用于 React、Next.js 与 TypeScript 项目的基于功能的架构组织技能，按业务领域而非文件类型划分目录，帮助在新建或重构应用时决定文件归属，并约束模块间的导入方向。
web-asset-generator
通过对话生成生产就绪的网页资源，包括 favicon、PWA 图标、社交分享图片和 manifest 文件，可用 logo、emoji 或文字作为素材。
uniapp-mini
用于 uni-app 小程序开发的技能，适用于构建 uni-app 小程序、配置小程序设置，以及在小程序中使用组件和 API，并了解原生小程序的限制与兼容性。
scanner
Scanner 是一个网站扫描技能，可递归抓取目标域名下的页面，将 HTML 转为 Markdown，遵守 robots.txt，并维护快照日志与语料索引，用于构建或刷新本地客户支持语料库。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
supabase-auth-ssr-setup
用于在 Next.js App Router 中配置 Supabase Auth 服务端渲染（SSR）的技能，涵盖安全 Cookie 会话、中间件路由保护与完整登录流程。
linkedin-skill
LinkedIn Skill 是一个用于在 LinkedIn 个人资料和公司页面发布帖子、添加评论和进行互动的命令行技能，支持多账号管理与 OAuth 认证。
uniwind-best-practices
Uniwind（React Native 的 Tailwind CSS v4 方案）最佳实践技能，覆盖安装配置、主题、样式、类名支持、Pro 功能与 NativeWind 迁移，并含 HeroUI Native 集成与代码审查清单。
frontend-impl-typography-system
用于为产品构建排版系统的前端技能：模块化字号比例、跨视口流体缩放、可变字体轴、Web 字体加载策略、OpenType 特性与 text-wrap 换行控制，并兼顾 CLS 与 LCP 预算。
inspect-ui
inspect-ui 是一项面向浏览器渲染界面的视觉审查技能：对涉及 HTML、CSS、JSX/TSX、Vue、Svelte、模板的 diff 或分支，通过实际渲染而非静态推断来判断视觉与交互问题，要求每个视觉结论都有截图作为依据，并输出固定格式的报告。
vueuse-functions
面向 Vue.js / Nuxt 项目的 VueUse 组合式函数选用与实现指南技能：把开发需求映射到最合适的 VueUse 函数，按调用规则使用，优先用组合式方案替代自写代码，使实现更简洁、可维护、性能更好。
gsap-react-router
用于在 React Router v7/v8 的 framework、data 或 declarative 模式下构建或审查动画的技能，涵盖 GSAP 页面过渡、组件进出场、滚动效果与 useBlocker 等导航拦截。
eliminate-controls
基于Netflix取消管控哲学的技能，用于简化公司政策、推行无限假期与报销自由化。以原则替代规则，前端灌输上下文、后端审计，前提是高人才密度，并需警惕“零休假陷阱”。
no-vibe-code
no-vibe-code 是一个前端设计审查技能，用自带的静态检查脚本 slop-check.mjs 扫描源码与渲染界面，找出无意中沿用的通用生成式设计默认值（如紫色渐变、Inter 字体、重复卡片网格等），并给出修改建议。静态匹配只是待审候选，不代表设计差或由 AI 生成。
openalgo-chart-setup
openalgo-charts 的图表搭建技能：在已有项目中检测宿主框架（React、Next.js、Vue、原生打包器或纯 script 标签），安装 openalgo-charts 并生成可运行的首个图表，按需引入指标、绘图、变换、订单等分层模块。
react-native-expo
面向 React Native 0.76+ 与 Expo SDK 52+ 的开发技能，覆盖新架构强制启用、React 19 变更（移除 propTypes/forwardRef）、新 CSS 属性、DevTools 与迁移路径，帮助构建与升级 Expo 应用。
nextjs-devtools
Next.js DevTools 是一个通过 MCP 服务器检查和调试 Next.js 应用的工具，可查看路由、组件、构建信息与配置，适用于开发与排错 Next.js 项目。