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

Skill 广场

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

更新于 10-16 00:02

前端与建站

9,636 个结果

framer-code-components-overrides

该技能用于在 Framer 中创建代码组件（Code Components）与代码覆盖（Code Overrides），并指导在编写或编辑任何用于 Framer 的 .tsx 文件之前先判断功能是否真的需要代码实现。技能强调 Native First（原生优先）原则：除非用户明确要求代码组件或代码覆盖，否则应优先使用 Framer 的图层、变体、效果和 CMS 绑定等原生能力搭建功能，只为原生能力无法表达的部分编写代码，例如 WebGL、canvas、第三方 SDK、滚动计算、DOM 与浏览器 API。资料中明确指出，常见 UI 模式如 FAQ 手风琴、标签页、推荐语轮播、定价切换、导航下拉和模态框在 Framer 中都有原生实现，且原生版本更佳。技能区分了代码组件与代码覆盖：代码组件是添加到画布的自定义 React 组件，支持 addPropertyControls；代码覆盖是包裹现有画布元素的高阶组件，不支持 addPropertyControls。资料还提供了必填注解、代码覆盖与代码组件的代码模式、覆盖必须为字面量导出、多文件组件、属性控件、字体处理、色彩令牌、渲染与 SSR、CMS、DOM 与性能、媒体、调试等主题，以及一份常见问题与修复的速查表。技能由公开仓库 fredm00n/framerlabs 维护，支持自动更新与向上游贡献发现。

前端与建站384 次安装

ln-114-frontend-docs-creator

该技能是一个 L3 工作单元（Worker），用于在项目中存在前端时生成 design_guidelines.md 设计指南文档。它由 ln-110-project-docs-coordinator 在检测到前端（react、vue、angular、svelte）时条件性调用，用户不直接调用。文档涵盖设计系统、排版、颜色以及 WCAG 2.1 Level AA 无障碍合规要求，供 ln-401（Frontend Guard）和 ln-402（Frontend Review Checks）在运行时进行设计验证。技能本身不收集上下文，而是使用协调器传入的 Context Store 数据，且具有幂等性，不会覆盖已有文件。

前端与建站384 次安装

bun-react-ssr

bun-react-ssr 是一个用于在 Bun 运行时中构建自定义服务端渲染（SSR）React 应用的技能。它不依赖框架，直接使用 react-dom/server 的 renderToString 或 renderToReadableStream 在服务端生成 HTML，并通过 hydrateRoot 在客户端完成水合。技能覆盖了基础 SSR 搭建、流式 SSR、Suspense 渐进加载、服务端数据获取与初始数据注入、简单路由、CSS 内联与外部样式表处理、开发热重载以及生产构建等主题。适合希望用 Bun 快速搭建轻量级、无框架 React SSR 应用的开发者，也提供了常见错误（如水合不匹配、document 未定义）的排查提示和性能优化建议。

前端与建站383 次安装

integrating-tauri-js-frontends

该技能用于指导 Claude 为 Tauri v2 桌面应用配置 JavaScript 前端框架，涵盖 Vite（React、Vue、Svelte、Solid）、Next.js、Nuxt、SvelteKit 和 Qwik。Tauri 作为静态 Web 宿主，通过原生 WebView 提供 HTML、CSS、JavaScript 和 WASM 文件，因此所有框架都必须配置为静态输出，不支持原生服务端渲染（SSR）。技能提供各框架的配置文件示例（如 next.config、nuxt.config、svelte.config、vite.config）、tauri.conf.json 的 build 字段结构、环境变量说明以及常见问题解决方案，帮助完成前端与 Tauri 的集成。

前端与建站382 次安装

vercel-microfrontends

Vercel Microfrontends 是一套用于在 Vercel 上构建、配置和部署微前端的技能指南。它帮助开发者将大型应用拆分为可独立部署的单元，同时对外呈现为一个统一的整体应用。Vercel 通过 microfrontends.json 在其全球网络上处理路由。核心概念包括：默认应用（持有 microfrontends.json，负责处理未匹配的请求）、子应用（拥有路由路径模式）、资源前缀（避免静态资源冲突）以及独立部署。支持的框架有 Next.js（App Router 与 Pages Router）、SvelteKit、React Router 和 Vite，均通过 @vercel/microfrontends 实现。CLI 命令包括 vercel microfrontends 或 vercel mf，提供 create-group、add-to-group、remove-from-group、delete-group、pull、microfrontends proxy、microfrontends port 等子命令，用于创建和管理微前端分组、拉取远程配置以及本地开发代理。该技能还附带 references/ 目录下的详细参考文档，涵盖配置、路径路由、本地开发、管理、故障排查和安全等主题，建议按需检索而非全部加载。

前端与建站380 次安装

ln-721-frontend-restructure

ln-721-frontend-restructure 是一个前端结构处理技能，属于 L3 Worker，分类为 7XX Project Bootstrap。它提供两种工作模式：SCAFFOLD 模式用于从模板生成最小化的 React + Vite + TypeScript 项目骨架（约 7 个文件），适用于 CREATE 流水线中尚无前端的情况；RESTRUCTURE 模式用于将已有的单体 React 源码迁移为基于组件的架构，适用于 TRANSFORM 流水线中已存在前端的情况。该技能仅处理前端结构，不涉及后端改动，SCAFFOLD 不生成业务逻辑，RESTRUCTURE 不添加新功能，仅做结构性调整。

前端与建站378 次安装

nuxt-data

Nuxt 4 数据管理技能，涵盖 composables、数据获取与状态管理三大部分。数据获取方面介绍 useFetch、useAsyncData 与 $fetch 三种方法的适用场景与 SSR、缓存、响应式差异，支持响应式参数、transform 转换、pick 字段筛选、错误处理、手动刷新、懒加载、缓存去重等能力。状态管理方面以 useState 为基础，讲解 SSR 安全的共享响应式状态、单例模式，并给出认证、购物车、localStorage 等组合式函数示例，同时介绍 Pinia 的集成方式、store、getters 与 actions。技能还整理了常见反模式与故障排查，如误用 ref 替代 useState、缺少错误处理、非确定性 transform 导致 hydration 不匹配、浅响应式变更不生效、参数变化不刷新、状态丢失、无限重取等问题。适合在 Nuxt 4 应用中编写自定义 composables、实现带响应式参数的 API 请求、分页与无限滚动、搜索、SSR 安全模式以及复杂全局状态管理的开发者使用。

前端与建站376 次安装

frontend-dev-guidelines

该技能是一套面向 React/TypeScript 应用的前端开发规范指南，强调基于 Suspense 的数据获取、懒加载、文件组织与性能优化。内容涵盖组件模式、数据获取、文件组织、样式、路由、加载与错误状态、性能、TypeScript 规范、常见模式及完整示例等主题，并提供新建组件、新建功能的检查清单、导入别名速查（@/、~types、~components、~features）与常见导入代码片段。主要推荐使用 useSuspenseQuery、TanStack Query、TanStack Router、MUI v7、SuspenseLoader、useMuiSnackbar 等约定，并规定避免提前返回加载动画、重组件懒加载、按代码行数决定样式内联或拆分、使用 import type 等要求。适用于创建组件或页面、构建新功能、使用 TanStack Query 获取数据、设置 TanStack Router 路由、使用 MUI v7 设置样式、性能优化、组织前端代码及遵循 TypeScript 最佳实践等场景。

前端与建站371 次安装