SuperAPI AI 工具集

Skill 广场

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

更新于 10-25 00:14

前端与建站

11,088 个结果

build-daisyui-mcp

build-daisyui-mcp 是一个面向 daisyUI 5 与 Tailwind v4 的 UI 构建技能,配合 daisyui-blueprint MCP 工具使用。它帮助开发者选择正确的工作流、按需获取参考资料,并将 Figma 设计或截图转换为 daisyUI 代码,或根据品牌色、图片生成自定义主题。技能强调先获取再猜测、批量请求、使用语义化颜色、优先 CSS-only 交互模式,并遵循 daisyUI v5 语法。适用于使用 daisyUI 构建或重构 UI、从设计稿生成代码、生成主题等场景;不适用于纯 Tailwind 工作、其他 UI 库或无需 daisyUI 代码的通用设计讨论。

前端与建站12 次安装

tailwind-brand

tailwind-brand 是一个用于在生成用户界面时复刻 Tailwind CSS 官网视觉风格的设计规范技能。当用户构建开发者文档、落地页或 UI,并希望呈现类似 Tailwind CSS 官网那种干净、以工具类优先(utility-first)的美学效果——留白充裕、天蓝/蓝色点缀、系统无衬线字体时,可以使用此技能。该技能附带一份 references/DESIGN.md 文件,记录了从目标品牌公开营销网站观察到的设计令牌,包括颜色、字体、间距、圆角与阴影等。使用前需先读取该文件,并在生成任何组件、页面或样式块时严格遵循其中的规范,不自行发明新色值或使用通用默认值。技能为品牌非官方、无关联的快照,不建议在面向终端用户的产品中直接使用该品牌的名称、标志或商标,除非获得品牌方单独授权。

前端与建站12 次安装

swiftui-liquid-glass

该技能用于在 SwiftUI 中实现、审查或改进基于 iOS 26+ Liquid Glass API 的界面特性。它要求优先使用原生 API(glassEffect、GlassEffectContainer、玻璃按钮样式)并遵循 Apple 设计指南,保持用法一致、可交互且兼顾性能。技能明确了仅存在 .regular、.clear、.identity 三种玻璃变体,强调没有 .prominent 变体;提供形状、着色、交互性等参数说明,并给出审查清单与实现清单,涵盖可用性判断、修饰符顺序、容器组合、glassEffectUnion 合并、glassEffectID 过渡动画、tabViewBottomAccessory 等用法。还包含多种代码片段与常见错误对照,例如玻璃不可叠加、不应手动添加阴影或边框、需使用 #available(iOS 26, *) 提供回退等。适用于为已有 SwiftUI 界面引入 Liquid Glass 风格、重构现有组件或新建符合 iOS 26 设计规范的界面。

前端与建站11 次安装

extract-island

extract-island 是一个面向维护者的技能工具,用于分析任意网页上的单个组件,并输出与 Lexsis 渲染器兼容的 island 布局 JSON,以便贡献回 storefront-skills 仓库。它通过浏览器导航、截图与无障碍树快照定位目标组件,经深度分析后映射到目录中真实存在的 island,最终生成包含 html、css、js 字段的布局 JSON。适用于逆向分析竞品 hero、导航或商品卡,为已有 island 创建新布局变体,从网站捕捉设计灵感作为可复用模板,以及通过 PR 向仓库贡献新布局。

前端与建站11 次安装

frontend-lottie

frontend-lottie 是一个用于前端 UI 的 Lottie 动画技能,专注于装饰性 JSON 矢量动画,为界面提供反馈与润色效果。它适用于加载旋转指示器、成功/错误对勾、空状态插画、装饰性微动画以及动画图标等场景。该技能强调 Lottie 只负责播放和循环,不包含复杂逻辑;当动画需要响应输入、多状态切换或复杂交互时,应改用 Rive。使用流程为 FIND → ADD → INTEGRATE:先从 LottieFiles 等资源站寻找动画,下载 .lottie 或 .json 文件,放入 public/animations/ 目录,再通过 @lottiefiles/dotlottie-react 组件集成。技能提供了快速开始示例、常见模式(加载旋转、成功反馈、空状态、加载按钮)、播放控制(play/pause/stop/setSpeed/goToAndPlay)、SSR 与 hydration 处理、性能优化(不可见时暂停)以及文件结构建议和故障排查指引。

前端与建站11 次安装

widgets-ui

widgets-ui 是一套面向 React/Next.js 的声明式 UI 组件方案,来自 ui.inference.sh,目标是把结构化数据(JSON)直接渲染为丰富的交互界面。它通过一个 WidgetRenderer 组件接收 Widget 对象,用 children 嵌套描述布局、排版、表单控件与展示元素,并支持表单提交和数据回传。适合用于智能体或后端返回结构化响应后,前端无需手写组件即可生成界面,例如表单收集、航班信息卡片等场景。

前端与建站11 次安装

Frontend Playbook

Frontend Playbook 是由 EthSkills 提供的一套面向以太坊 dApp 的完整构建到生产上线流程技能,收录于 bankrbot/skills 技能库。根据现有资料,它覆盖从 fork 模式配置、IPFS 部署、Vercel 配置、ENS 子域名设置到完整生产流程的各个环节,旨在帮助开发者将前端项目顺利推进至生产环境。该技能安装在本仓库之外,具体安装命令需参考 catalog.json 中的 install.command 字段。资料未提供更详细的功能说明、使用步骤、适用平台、收费情况或实际效果,相关内容暂未提供。

前端与建站11 次安装

Frontend UX

这是一个面向以太坊 dApp 的前端用户体验规则集,由 EthSkills 提供,收录在 bankrbot/skills 仓库中,用于规范链上交互界面中的常见模式。根据现有资料,该技能涵盖链上按钮、四状态连接流程、代币授权(approval)序列、地址显示以及美元价值展示等前端 UX 规则。资料中同时说明该技能安装在当前仓库之外,具体安装命令需参见 catalog.json 中的 install.command 字段。除上述用途与主题范围外,该技能的详细使用步骤、支持平台、收费方式与实施效果暂未提供。

前端与建站11 次安装