SuperAPI AI 工具集

Skill 广场

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

更新于 10-25 00:14

前端与建站

11,084 个结果

frontend-design

这是一个用于构建生产级前端界面的技能,强调高设计质量与独特美学,帮助开发者避免千篇一律的“AI 味”界面。它适用于构建 Web 组件、页面或 UI 应用。技能引导在编码前先进行设计思考,明确用途、受众、技术约束与差异化亮点,并选定一个大胆的美学方向(如极简、复古未来、编辑杂志风、工业风等),再用 HTML/CSS/JS、React、Vue 等实现可运行代码。其美学指南覆盖字体、配色与主题、动效、空间构图、背景与视觉细节,并列出应避免的通用 AI 审美反模式。最终交付设计方向说明、可运行代码和关键设计决策解释。

前端与建站15 次安装

browser-extension-patterns

Browser Extension Patterns 是一个用于构建跨浏览器扩展的技能资料,基于 Manifest V3 架构,覆盖 Chrome、Firefox 的兼容实现。内容包括标准的扩展目录结构(manifest.json、background、content、popup、options、icons、_locales)、Manifest 配置示例、后台 Service Worker、内容脚本、存储模式、弹窗 UI、跨浏览器兼容与权限策略等主题。资料同时给出了权限影响对照表与常见反模式提示,例如避免在 MV3 中使用 MV2 的持久后台页、避免申请 <all_urls> 权限、使用异步 chrome.storage API 等。适合需要开发或迁移浏览器扩展的开发者参考。

前端与建站14 次安装

htmx-interaction-patterns

htmx 交互模式是一套基于超媒体驱动理念构建动态 Web 界面的技能,核心思想是“HTML over the wire”——由服务器渲染 HTML 片段,htmx 通过扩展 HTML 属性来发起 AJAX 请求并替换内容,从而无需编写 JavaScript。它通过 hx-get、hx-post、hx-put、hx-delete、hx-target、hx-swap、hx-trigger、hx-indicator 等属性控制请求方式、目标位置、插入策略、触发时机与加载提示。该技能涵盖局部页面更新、带防抖的实时搜索、行内编辑、无限滚动、懒加载、带 URL 状态的活动搜索、确认对话框以及服务器发送事件(SSE)等常见交互模式,并给出服务端片段与整页响应区分、HX-Trigger/HX-Retarget/HX-Reswap 响应头、OOB(带外)交换和 CSS 集成等做法,同时列出应避免的反模式。

前端与建站14 次安装