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

Skill 广场

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

更新于 10-23 00:13

前端与建站

11,025 个结果

storybook-setup

storybook-setup 是 Storybook 官方 MCP 提供的一项技能，用于在已安装 Storybook 的项目中生成可用的 preview 文件，并为真实组件编写 stories。它面向 Storybook 10.5（或尚未发布时的 next 版本）环境，要求先从项目根目录执行 npx storybook ai setup（monorepo 中则在 Storybook 所在包内执行），随后严格按照命令输出的 Markdown 指引操作，不自行替换计划。若项目尚未安装 Storybook，应改用 /storybook-init；若版本过旧或需要升级修复，应先使用 /storybook-upgrade。具体生成内容、支持框架与组件类型等细节暂未提供。

前端与建站24 次安装

yao-geoflow-design

Yao GEOFlow Design 是一个面向 GEOFlow 前端体验工作的技能，用于发现、比较、预览、克隆和编排默认站点与 GeoFlow Agent 渠道站点的前端体验。它负责设计与规划以及预览产物，不涉及线上激活或后端改动。该技能覆盖 Laravel Blade 主题发现、预览编辑会话、参考站点映射、首页 homepage-design.json、带现有 lead_form_slug 的 lead_form 模块、默认站点与渠道前端对比、目标包能力缺口以及同步预览规划。它明确排除后端/路由/模型/迁移、lead-form 增删改查、CLI 操作、直接生产激活、原始 HTML 复制和不支持的远程 PHP 编辑。使用前需确认 GEOFlow Laravel 工作区，运行主题与前端界面发现脚本，选择目标界面，并遵循一系列确认步骤。

前端与建站24 次安装

yao-geoflow-template

yao-geoflow-template 是一个面向旧版 GEOFlow PHP 模板包技能的兼容性入口（Legacy Router）。它仅用于处理明确涉及遗留 GEOFlow 模板技能的问题、旧 PHP 模板包契约，以及使用旧根目录文件结构的历史产出物。该技能自身负责遗留输出审查、旧 PHP 契约说明，以及向 yao-geoflow-design 的交接说明；不涵盖新的 Laravel Blade 主题、首页构建器、lead_form、主题编辑器、渠道同步、target-package 映射、后端改动和激活等现代前端工作。按照其路由规则，当前 GEOFlow 前端设计或参考站点克隆应改用 yao-geoflow-design；只有明确描述为“legacy template skill”或“旧 PHP 模板包”的场景才继续走此技能。在解读旧文件前，应先阅读 template-boundary.md 与 theme-package-contract.md。该技能引用的资料包括 template-boundary.md、theme-package-contract.md、geoflow-frontend-map.md、trigger_cases.json 以及升级报告。技能说明中未提供具体的安装命令、代码示例、收费方式与平台限制等信息。

前端与建站24 次安装

angular-routing

Angular Routing 是一个面向 Angular v20+ 应用的路由实现技能，用于配置导航、懒加载、函数式守卫、解析器与路由参数。它涵盖基础路由设置、按需加载特性模块或单个组件、基于 Signal 的路由参数与查询参数、函数式 CanActivate 与 CanDeactivate 守卫、数据预取解析器、嵌套路由、编程式导航、静态路由数据以及路由事件监听等能力。适用于搭建页面导航、保护受限页面、在路由激活前预取数据、处理未保存更改提示等场景。

前端与建站24 次安装

next-cache-components

Next.js 16 的 Cache Components 技能，围绕部分预渲染（PPR）讲解如何在单一路由中混合静态、缓存与动态内容。核心内容包括：通过 next.config.ts 中的 cacheComponents: true 启用（替代旧的 experimental.ppr）；三类内容划分（静态自动预渲染、使用 "use cache" 的缓存内容、用 Suspense 包裹的动态内容）；"use cache" 指令在文件、组件、函数三个层级的用法；cacheLife 内置与自定义缓存生命周期配置；cacheTag、updateTag、revalidateTag 的缓存失效机制；运行时数据（cookies、headers、searchParams）约束及参数传递解法；缓存键自动生成规则；以及从 unstable_cache、dynamic、revalidate 等旧写法的迁移对照。该技能面向使用 Next.js 16 及以上版本、需要优化数据获取与渲染性能的开发者。

前端与建站24 次安装

vue

这是一个面向 Vue 3 开发的技能参考，基于 Vue 3.5，核心是始终使用 Composition API 配合 `<script setup lang="ts">`。它汇总了 Vue 单文件组件（SFC）编写中的关键主题：脚本 setup 宏（defineProps、defineEmits、defineModel、defineExpose、defineOptions、defineSlots、泛型）、响应式与生命周期（ref、shallowRef、computed、watch、watchEffect、effectScope、生命周期钩子、组合式函数），以及内置组件与指令（Transition、Teleport、Suspense、KeepAlive、v-memo、自定义指令）。适合在编写 Vue SFC、处理组件 props/emits/双向绑定、组织响应式数据与副作用时作为速查参考。

前端与建站23 次安装

vue-best-practices

Vue 3 最佳实践技能，用于处理 Vue.js 相关任务，覆盖响应式、计算属性、侦听器、组件、Props 与 Emits、模板、表单与 v-model、生命周期、插槽、Provide/Inject、Composables、组合式 API、指令、过渡与动画、KeepAlive、异步组件、渲染函数、Teleport、Suspense、TypeScript、SSR、性能优化、单文件组件与插件等主题，逐条列出常见陷阱（gotchas）与对应做法。该技能强烈推荐以组合式 API、`<script setup>` 和 TypeScript 作为标准方案。资料涉及的每一项做法均给出指向具体条目的引用标识（如 ref-value-access、reactive-destructuring 等），便于按问题定位参考。

前端与建站23 次安装