sn-ppt-doctor
sn-ppt-doctor 是 SenseNova PPT 技能的环境与依赖诊断工具，用于检查搜索、图片生成、Playwright 渲染、HTML 转 PPTX、Workbench 等能力是否可用。它只报告不安装、不写密钥、不改任务目录，缺失可选依赖不阻断其他功能。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,867 个结果
opinionated-nextjs-patterns
Next.js 16（App Router）实现模式参考，收录 50 条规则、按 8 类排序，覆盖数据层授权、请求边界、服务端取数、变更、客户端边界、架构与 UI 约定，后端无关但以 Supabase 为例。
url-state-management
使用 nuqs 将 React 状态同步到 URL 查询参数，实现可分享的筛选、搜索和可深度链接的对话框，并在浏览器前进/后退时保留 UI 状态。
oneshot-websites
oneshot-websites 是一个面向一次性网站、Web 应用、游戏、模拟、克隆、动效作品或基准测试的技能，通过全新的隔离子智能体执行每个实验。每个实验只给一个初始任务提示，由一名主导子智能体自行决定实现方式，最终交付含根 index.html 的静态文件夹。
react-expert
面向 React 开发的专家技能，覆盖 Hooks、状态管理、Server Components 与渲染性能优化，帮助构建快速、可访问、易维护的 React 应用。
screenshot-to-html
将 UI 截图、图片或设计稿还原为高保真、自包含 HTML 页面的技能，通过渲染-对比-迭代的反馈循环让代码渲染结果尽量匹配目标图，而非机械抄录计算样式。
tanstack-vue-form-skilld
面向 Vue 3 的 TanStack Form 技能资料，覆盖 @tanstack/vue-form 1.33.x 的 useForm、form.Field、校验、数组字段与表单分组等用法，供编写、审查或调试相关代码时参考。
frontend-design
一个前端界面设计技能，用于创建风格独特、可直接使用的生产级前端界面和可访问标记，避免千篇一律的“AI 味”审美，并在交付前按清单自检。
react-effects
用于检测与修正 React useEffect 反模式的技能指南。当编写、审查或修改含 useEffect 的 React 组件时，可据此判断 Effect 是否必要，并给出更简洁、性能更好的替代写法，如渲染期计算、useMemo、key、事件处理器或 useSyncExternalStore。
portal-micro-app
用于开发、修改或排查 XGENT Portal 的 iframe 微应用前端技能，覆盖页面、导航、Widget、portal-sdk 握手、令牌、consent、主题与路由等 UI 问题，并提供工作流红线与参考文档索引。
goey-toast
goey-toast 是一个基于 Sonner 与 Framer Motion 构建的 React 提示（toast）组件，具有果冻般的形变动画效果（胶囊 → 团块 → 胶囊）。它适用于在 React 18 及以上版本的项目中添加通知 UI，支持成功、错误、警告、信息、Promise 等多种提示类型，并提供位置、主题、动画预设、进度条、时间戳等配置项。安装方式包括 npm 安装以及 shadcn/ui 项目的一键添加。使用时需在应用根部挂载 <GooeyToaster /> 并导入样式文件，否则提示将无样式。
infographic-template-updater
infographic-template-updater 用于在新增信息图模板（src/templates/*.ts）后，同步更新模板目录与界面提示词，包括 SKILL.md 模板列表、站点画廊与提示词文件中的模板清单。
angular-modernization
用于将遗留 Angular 组件、指令等代码现代化，结合 Angular CLI 自动迁移与 Bitwarden 特定规范。官方命令为 npx ng，按顺序对目录运行 schematic，再套用 OnPush、可见性、信号等模式，最后用 npm run lint:fix 与 npm run test 校验。
product-inspection
一套对已上线产品（应用、网站或功能）进行多点检查的技能：通过 10 个站点评估设计系统采纳、最佳实践、可访问性、内容与信息架构、可用性、视觉设计、性能、安全与隐私、测试与验证、度量与反馈，产出红/黄/绿结论与修复工单。
pointer-events
基于 @pmndrs/pointer-events 的 Three.js 指针交互方案，可将 DOM 事件转发进三维场景，按对象做命中过滤，并自定义指针类型，用于点击、悬停及门户式交互。
uniapp-project-creator
用于通过官方 quickstart CLI 或 HBuilderX 一键创建 uni-app 项目的技能，涵盖项目初始化、配置与模板选择，支持 Vue 2/Vue 3 及 TypeScript 等模板。
bulletproof-react-patterns
基于 bulletproof-react 的 React 架构模式技能，涵盖按功能划分的项目结构、组件与样式、API 层、状态管理、错误处理、测试、项目规范、安全与性能，帮助构建可扩展、易维护的 React 应用。
secondme-nextjs
SecondMe Next.js 项目生成技能：依据 /secondme-init 配置与 /secondme-prd 需求，在当前目录生成完整的 Next.js 项目，支持 --quick 快速模式跳过 PRD 阶段并使用默认配置。
frontend-design-audit
frontend-design-audit 是一个前端界面可用性审计技能，可针对本地源码或线上网址，依据 15 条可用性设计原则检查组件与系统层面的问题，按 0-4 级严重度评级并给出具体修复建议。
swift-settingskit
SettingsKit 是一个用于 SwiftUI 设置界面的独立 Swift 包，支持 iOS、macOS、watchOS、tvOS、visionOS。适用于构建设置/偏好页面、可搜索设置和嵌套层级界面，要求 Swift 6.0+ 与 Xcode 16.0+。
creative-frontend-aesthetics
该技能用于在落地页、仪表盘和应用前端实现中，避免千篇一律的“AI 生成感”设计，打造更具原创性与精致感的 UI。重点涵盖字体、配色、动效与背景四个方向，适合希望提升前端美学质量的开发者参考。
r3f-fundamentals
React Three Fiber 基础技能，讲解用 React 组件声明式构建 Three.js 三维场景，涵盖 Canvas 配置、场景层级、相机、灯光、渲染循环与事件系统等核心用法。
discord-automation
通过 Rube MCP 与 Composio 的 Discord/Discordbot 工具包自动化 Discord 任务，涵盖消息、频道、角色、Webhook 与表情回应。使用前需连接 Rube MCP 并激活 Discord 连接，且应先调用 RUBE_SEARCH_TOOLS 获取最新工具架构。
slack-automation
通过 Rube MCP（Composio）自动化 Slack 工作区操作，包括发送消息、搜索会话、管理频道与用户、添加表情回应、处理线程及定时发送消息。需先连接 Rube MCP 并完成 Slack OAuth 授权。