SuperAPI AI 工具集

Skill 广场

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

更新于 11-01 00:15

前端与建站

11,341 个结果

interactive-prototype

Interactive prototype 是一个用于构建可点击、可交互 Web 原型的中文技能说明,适用于需要用户反馈和测试的场景。该技能强调以 React 的 useState 和 useEffect 实现逼真的状态管理与过渡效果,支持悬停状态、点击交互、表单验证、动画过渡以及多步骤导航流程,目标是让原型使用起来像真实可用的应用,而不是静态线框图或设计稿。资料中仅给出用途与能力描述,未提供具体安装命令、依赖版本、运行平台或收费信息。

前端与建站1 次安装

save-as-standalone-html

该技能用于将网页应用打包为单文件、可完全离线运行的 HTML 资产。它通过名为 super_inline_html 的确定性打包工具,把 HTML 属性中直接引用的资源(图片、样式表、脚本、字体、SVG 引用等)内联到单个文件中。对于仅在 JavaScript/JSX 代码中以字符串形式引用的资源,需要先手动处理:复制 HTML、扫描代码中的资源引用、添加 ext-resource-dependency 元标签,并把代码改为引用 window.__resources[id]。此外必须提供一个 SVG 缩略图模板,否则打包工具会拒绝文件。打包完成后需检查输出中的未解析资源列表并验证运行,最后通过下载工具交付文件。

前端与建站1 次安装

skytheme-storefront

SkyTheme Storefront 是一个面向超奢华时装电商的前端店面生成技能,基于 SkyTheme 旗舰生产包构建,用于生成或增强具有统一设计令牌、平滑滚动动效、自定义 Web Components 与无障碍抽屉组件的奢侈品店面。据资料,它覆盖购物车与结账、营销转化、商品陈列、商品发现、动效物理、设计令牌和页面模板等 40 余项功能,并提供生成、校验与评测脚本。资料未说明其价格、托管平台或后端能力,明确排除了数据库迁移与通用非奢侈品样式重置等场景。

前端与建站1 次安装

unslop

unslop 是一个面向 AI 辅助前端实现的前置准备技能,用于在编码智能体开始界面开发前创建、审计、修复和评分 PRODUCT.md、DESIGN.md 与 AGENTS.md 三份交付物。它通过设计系统基线门槛、品味校准、占位符检查、根因模式、模态框视口与浮层堆叠治理等规则,阻止智能体凭空臆造产品决策、通用视觉风格、脆弱的无障碍与响应式行为,以及不安全的弹窗、虚假数据、硬编码设计令牌等问题。该技能按 fresh-seed、existing-scan、redesign、audit、repair、root-cause-fix、harness-readiness 等模式分类处理请求,并输出评分、就绪等级、分类细分与下一步操作。适用于 SaaS 仪表盘、管理后台、落地页、产品页、双语 RTL/LTR 与阿拉伯语优先产品、设计系统准备、UI 重设计与 AI 生成前端清理;不适用于纯后端、纯数据库、非 UI 脚本或已有成熟设计系统完全约束前端实现的项目。

前端与建站1 次安装

vite-core-architecture

Vite 核心架构技能,用于创建新 Vite 项目、理解 Vite 内部机制,以及分析开发与生产环境行为差异。资料强调 Vite 是两套完全不同的系统:开发服务器采用原生 ESM、不做打包,按需通过 HTTP 提供单个文件;生产构建则通过 Rolldown(v8)或 Rollup(v5-7)进行完整打包。技能还覆盖依赖预打包、以 index.html 为入口、官方插件选择、CLI 命令、项目结构,以及 Node.js 版本要求与浏览器目标等重要细节,并列出多项关键警告,避免配置错误。

前端与建站1 次安装

shadcn-vite-iconify-landing-page

该技能用于构建、评审和迭代高转化的营销或产品落地页,默认技术栈为 React + Vite + TypeScript + Tailwind CSS 与 shadcn/ui 组件,图标统一使用 Iconify(不使用 lucide-react)。它提供从页面目标与受众定义、首屏(标题、副标题、视觉、社会证明、CTA)到首屏以下说服序列(功能、社会证明、FAQ、重复 CTA)的完整方法论,并给出 shadcn 组件映射、Iconify 使用规则、排版/配色/动效/空间构图等设计执行建议。支持两种交付模式:新建落地页(含分节大纲、3 版 Hero 文案、证明计划与生产级代码)与落地页审计(诊断、按类别分组的问题与修复、5-10 条优先级建议、3 个 A/B 测试假设)。附带 Vite + shadcn 配置、Iconify、分节模板、页面解剖、文案模板与美学方向等参考文件,以及一个分节式起始模板 LandingPage.tsx。

前端与建站1 次安装

react-aria

React Aria Components 是一个无样式、可访问的 UI 组件库,可搭配任意 CSS 方案进行样式定制。它构建在 React Aria hooks 之上,提供可访问性与交互行为,但不预设任何视觉设计。该技能面向使用 React Aria 或 react-aria-components 构建可访问组件的开发者,涵盖集合、定制、拖放、表单、框架集成、选择、样式、测试以及与 AI 协作等指南,并包含大量组件(如按钮、日历、复选框、组合框、日期选择器、菜单、表格、标签页、树等)、交互 hooks 与工具函数的参考文档。

前端与建站1 次安装