SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

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

更新于 10-27 00:15

前端与建站

11,191 个结果

golden-html-kw

golden-html-kw 是一个用于测试关键词分类的文档型技能，来源于 yusufkaraaslan/skill_seekers。它本身并非功能型工具，而是围绕 golden_html_kw 概念整理出的文档集合，用于在关键词分类测试场景中查阅基础概念、API 参考、代码示例与最佳实践。资料显示其文档共 4 个章节，涵盖安装步骤、API 使用、常见错误与更新日志等内容，并附带 Python 与 Bash 代码示例及配置表格。该技能适合需要了解 golden_html_kw 概念、查找技术规格或参考实现模式的用户。关于其具体功能、收费方式、支持平台与实际效果，资料中暂未提供。

前端与建站7 次安装

webflow-designer-extension

Webflow Designer Extension 是一个用于构建在 Webflow Designer 内部运行的扩展（以 iframe 形式加载）的开发技能。它帮助开发者创建、调试和修改这类扩展，通过 Webflow Designer API 操作元素、样式、页面等内容。技能包含快速上手流程、Designer API 参考文档、项目结构说明、CLI 工具、设计规范与 Marketplace 提交指南等。适用场景为需要在 Webflow 设计器中集成自定义功能的开发者，限制和收费信息暂未提供。

前端与建站6 次安装

frontend-design

该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。

前端与建站6 次安装

angular-20-control-flow

该技能提供 Angular 20 内置控制流语法的使用指南，覆盖 @if、@for、@switch、@defer 等模板语法，用于替代 *ngIf、*ngFor、*ngSwitch 等结构型指令。内容涵盖条件渲染、列表迭代与 track 表达式、多分支判断、延迟加载与代码分割、@empty 空状态处理，以及 @placeholder、@loading、@error 等 defer 状态。技能还给出从旧语法迁移的对照示例、信号集成要求、上下文变量说明（$index、$first、$last、$even、$odd、$count）、最佳实践与常见问题排查。适用于编写条件渲染模板、遍历列表、实现模板内 switch/case 逻辑、懒加载组件或内容块、处理加载与错误状态、优化打包体积以及迁移旧结构型指令的场景。

前端与建站6 次安装

frontend-backend-integration

前后端对接技能，用于检查前后端 API 对接、调试接口调用、确保数据格式一致。该技能提供一套系统化的对接流程：查看项目前后端目录结构、查找或创建 API 文档、分析后端 API 规范（路由、Schema、测试文件）、分析前端 API 调用（封装、状态管理、页面组件），并通过响应格式对照表、端口配置验证和检查清单进行对比验证。技能还总结了响应格式不一致、CORS 错误、端口冲突、字段名不匹配等常见问题及解决方案，并给出 Vue3 + FastAPI、React + Node.js 的实战案例与 API 对接文档模板。

前端与建站6 次安装

ui-skills

ui-skills 是一套用于指导 AI 智能体构建更好界面的意见约束（opinionated constraints），来源为 ab300819/keel-workflow。该 skill 在编写 UI 代码、实现设计稿或审查前端组件时应用，在 DevDocs 流程的开发阶段处理 UI 相关任务时生效。它以中英双语接受提问，并始终使用中文回答。其内容覆盖技术栈、组件、交互、动画、排版、布局、性能与设计等多个维度，给出一系列 MUST、SHOULD、NEVER 级别的具体规则，例如优先使用 Tailwind CSS 默认值、动画仅作用于 transform 与 opacity、禁止手动重建键盘或焦点行为、破坏性操作使用 AlertDialog、用 h-dvh 代替 h-screen、尊重 prefers-reduced-motion 等，用于约束 AI 代理生成的前端代码质量与一致性。

前端与建站6 次安装

graph-world-pixijs

该技能用于在 GraphOS 项目中以 TypeScript 与 PixiJS 开发游戏表现层，负责渲染、动画、相机、UI、视觉输入反馈以及资源加载与显示。表现层代码只能置于 ./app/，构建输出置于 ./dist/app/。逻辑层访问必须通过 graphos-world-client 包（npm install graphos-world-client），禁止直接引用逻辑层源码；对象类型从自动生成且不可修改的 app/World.ts 导入。可通过 Client 的 spawn、despawn、change 事件处理对象生命周期，使用 client.objects() 在渲染循环读取状态。适用于实现或重构游戏视觉、场景、角色表现、UI 与特效，将既有逻辑状态映射到视觉层，且不改变图逻辑模型。

前端与建站6 次安装

daisyui

daisyUI 是一个基于 Tailwind CSS 的组件库，通过语义化类名（如 btn、card、modal）替代冗长的工具类组合，帮助开发者快速构建生产级 UI。它提供 35 个内置主题与无限自定义主题能力，颜色采用语义化命名（primary、secondary、accent、base-100 等），可随主题自动切换。daisyUI 为纯 CSS 实现，无 JS 运行时、无框架锁定，可与 React、Vue、Svelte 或原生 HTML 配合使用，同时保留全部 Tailwind 工具类用于微调。组件覆盖操作、数据展示、导航、反馈、数据输入、布局与模型等类别，并遵循统一的类名模式（基础类、变体、颜色、尺寸、状态）。安装方式为 npm i -D daisyui@latest，在 Tailwind CSS v4+ 中通过 @plugin "daisyui" 配置。

前端与建站6 次安装

frontend-strategy

Frontend Strategy 是一个网站战略规划技能，用于在“我需要一个网站”与真正编写代码之间架起桥梁。它通过结构化的客户调研，产出专业的战略交付物，包括网站简报、站点地图、设计方向、内容策略和最终整合方案，并在定义的交接点调用专业智能体协作。该技能定位为发现与战略阶段，构建阶段交由 frontend-engineer 智能体；若需改进现有前端代码库，则使用 /frontend:review-design。其方法论以四项心理学原则为基础：光环效应（首因印象）、认知负荷与认知流畅性、包容性设计与无障碍、微交互与峰终定律。整个流程分为六个阶段：阶段0客户发现（结构化访谈，未确认前不推进）、阶段1网站简报、阶段2站点地图与用户流程、阶段3设计方向、阶段4内容策略、阶段5最终打包。每个阶段都有对应模板，并在关键节点向 seo-specialist、frontend-design、frontend-layout、content-marketer 等智能体发起交接。交付物要求专业咨询语气、Markdown 格式、每条建议关联至少一项心理学原则、不输出代码、具体可执行。

前端与建站6 次安装

pwa-development

该技能是一份面向 2025-2026 年渐进式 Web 应用（PWA）开发的综合知识库，覆盖应用层构建、审计与发布的各个环节。内容包括 Web App Manifest、Service Worker 生命周期与缓存策略、Web Push、安装流程、后台执行、存储（IndexedDB、OPFS）、Project Fugu 能力、平台约束、性能（Core Web Vitals）、安全性，以及通过 Bubblewrap、PWA Builder、Capacitor 等工具向 Google Play、Microsoft Store、App Store 和 Meta Quest 分发。技能以按需查阅的参考资料库组织，附带缓存策略、图标尺寸、iOS Web Push 要求等决策速查表，并明确列出不适用场景。

前端与建站6 次安装

shadcn-ui

本技能提供使用 shadcn/ui 构建生产级界面的专家指导，覆盖组件组合、注册表系统、表单模式、数据表格、侧边栏导航、主题定制以及 Tailwind v4 迁移等内容。需要注意的是，shadcn/ui 并非传统组件库，而是一套可直接复制进项目并由开发者完全拥有的、设计美观且具备无障碍支持的可编辑组件集合，遵循开放代码、组合、分发、默认美观、面向 AI 五大理念。技能在初始化项目、安装或自定义组件、构建数据表格与带校验表单、搭建侧边栏导航、进行主题与颜色系统定制、创建或消费自定义注册表、从 Tailwind v3 迁移到 v4 等场景下会激活，并列出可协同的其他前端技能及其路由去向。技能内置了组件文档的 URL 规则、组件分类目录、实时文档检索方式，以及 CLI 安装与 v4 命令预览等操作说明。

前端与建站6 次安装

build

该技能用于从提示词、可选模板 URL 或自动选定的页面套件，快速生成一个尚未发布的 Lexsis 店铺草稿。它跳过完整规划与视觉审批流程，直接产出可用的第一版草稿。技能会读取 fast-build、动画系统、消费者行为 CRO、工作流意图等参考文档，并调用 Lexsis 目录、模板库、设计、素材库、品牌、页面编译与创建等工具。若现有媒体无法满足必需的生产位，可调用额度、素材能力与生成工具，但在付费生成前需确认。技能仅以 publish:false 创建草稿，不负责发布；若用户要求发布，应转向 /publish。

前端与建站6 次安装

build-with-template

该技能用于根据已选定的页面套件（page-kit）或区块模板（section-template）URL，直接创建一个未发布的 Lexsis 店铺草稿。使用前提是模板已经确定，需要提供模板的 URL、slug 或 id；若未提供，则需先索取，或将通用的快速构建请求转交给 /build。技能会读取 fast-build、动画系统、消费者行为 CRO、工作流意图等参考文档，并调用 lexsis_template_library、lexsis_design、lexsis_catalog、lexsis_asset_library、lexsis_brand、lexsis_pages、lexsis_page_create 等工具完成构建。它把用户提供的模板方向视为权威，跳过视觉概念与设计审批阶段，仅编译一次并最多进行一次针对性修复，最终以 publish:false 创建草稿并返回 DRAFT_CREATED。该技能不会发布上线，也不会将结果升级为 DRAFT_READY。

前端与建站6 次安装