SuperAPI AI 工具集

Skill 广场

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

更新于 10-30 00:12

前端与建站

11,293 个结果

recon

Recon 是一款面向 AI 编程代理的技能,用于把任意在线网站侦查(recon)为可构建的设计蓝图,并输出带截图的调研资料。它通过真实浏览器采集整页与分区截图、用 CDP 提取设计令牌、审计间距、动效、响应式布局和交互行为,并记录开场动画序列与时间轴运动数据。支持三种模式:scout 只做调研与审计不写代码;mirror 忠实还原参考站点的布局与界面外壳;remix 提取设计语言用于原创产品。调研结果输出到 docs/research/{slug}/ 目录,其中 DESIGN.md 作为唯一构建契约,包含颜色、字体、间距、动效与组件规范。安装通过 npx skills add 命令完成,动效部分依赖 transitions.dev 技能。适用于需要参考现有网站设计进行克隆或再创作的前端与设计场景。

前端与建站2 次安装

url-state

url-state 是 berriai/litellm 提供的仪表盘 URL 查询状态读写技能,规定仪表盘中的标签页、过滤器、分页、深链接与演示标志等查询参数统一通过 nuqs 的 useQueryState 或 useQueryStates 及其解析器处理,而不是直接调用 window.history.pushState/replaceState、手工编辑 URLSearchParams 或解析 useSearchParams().get(...)。该技能要求把校验放在解析器内(如 parseAsStringLiteral、parseAsInteger、parseAsBoolean、parseAsArrayOf、withDefault 及自定义 createParser),将解析器映射保存在模块常量中供同一键的所有读写方共享;清空参数用 setter(null),默认替换历史记录,需要后退步骤时传 { history: "push" };仅一次性读取(OAuth 回跳页、登录、旧 ?page= 重定向、networking.tsx)可直接读原始参数。它还要求优先复用已有的 useUrlTab、useUrlTableState 及路由模块,并说明了测试中应使用 renderWithProviders、NuqsAdapter 与 waitFor 断言写入的方式。

前端与建站2 次安装

create-embed

Create Embed 是一个用于生成或更新 Hubble iframe HTML 嵌入内容的技能。这类嵌入是工作区本地的迷你应用,以 .html 文件形式编写,并通过 Markdown 中的 iframe src 引入。运行时由 Hubble 提供,开发者可直接使用预置的全局对象(hubble、Alpine、Tailwind 浏览器版 v4 以及 Hubble 主题令牌),默认使用 Alpine 与 Tailwind,无需为嵌入添加依赖 script 标签,也无需配置 package 文件、lockfile 或 node_modules。嵌入运行在沙箱 iframe 中,允许执行脚本和原生表单语义,但不允许同源访问、顶层导航、弹窗、下载和模态对话框。可通过 hubble.files.list 与 hubble.files.read 读取工作区文件。适合在 Hubble 工作区内快速构建轻量、与主题一致的 HTML 迷你应用并嵌入 Markdown 文档。

前端与建站2 次安装

nextjs-form

nextjs-form 是一个用于构建生产级 Next.js 16 表单的技能,围绕 Server Actions、渐进增强、全面校验与无障碍访问展开。它指导开发者用共享的 Zod schema 同时完成客户端(体验)与服务端(安全)校验,并通过 z.infer 推导 TypeScript 类型;用 "use server" 指令实现 Server Action,解析并校验 FormData,返回带成功/错误状态的结果对象而非直接抛出异常,配合 revalidatePath/revalidateTag 做缓存失效并支持提交后重定向。表单组件层面使用 React 19 的 useActionState 管理状态与错误展示、useFormStatus 处理提交中状态、useOptimistic 提供即时反馈,并在成功后重置表单。该技能还强调无 JavaScript 环境下的可用性、next/form 增强行为、加载状态与降级体验,以及 ARIA 标签、错误关联、键盘导航、焦点管理与 WCAG 2.1 AA 等无障碍要求,并包含错误处理、编码规范(TypeScript、shadcn/ui、移动优先、Biome + ESLint)与验证测试步骤。

前端与建站2 次安装