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

Skill 广场

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

更新于 11-03 00:11

前端与建站

11,402 个结果

frontend-react-best-practices

这是一套面向 React 组件开发的性能优化与组合模式指南，来自 sergiodxa/agent-skills，共包含 6 个类别、33 条规则。内容聚焦于减少不必要的重渲染、优化打包体积、改进组件组合方式，以及规避常见的 React 陷阱。适用于编写新 React 组件、审查代码性能问题、重构既有 React 代码、优化打包体积，以及处理 hooks 与状态等场景。规则按优先级分为关键、高、中等级别，涵盖打包体积优化、重渲染优化、渲染性能、客户端模式、Hooks 使用和组合模式等主题，每条规则均配有代码示例说明推荐做法与不推荐做法。

前端与建站安装量暂无数据

migrate-radix-to-base

这是一个用于将 React 项目和组件从 Radix UI 迁移到 Base UI 的技能。它适用于需要从 radix 迁移、切换到 base-ui、转换 radix 原语等场景。该技能会迁移 shadcn 包装器、手写的 radix 组合及其消费方到 @base-ui/react，并在每一步都保持项目可构建。迁移过程强调精确、不猜测映射，若引用文件中未包含某个 prop 或部件，需先查阅 node_modules/@base-ui/react/**/*.d.ts 再转换，并记录缺口。技能包含预检流程（如使用 npx shadcn@latest info --json 获取项目信息、检测包管理器、要求干净的 git 工作树、基线类型检查/构建），采用“金标准对优先，转换引擎其次”的策略，支持渐进式和全项目两种迁移模式，并定义了严格的硬性规则（如绝不触碰非 radix 库、行为差异需标记而非静默修补）以及验证与报告要求（每个组件生成独立的 .migration/<component>.md 报告）。

前端与建站安装量暂无数据

frontendtechnical-spec

该技能为前端项目提供技术设计规则，重点覆盖 React 应用的环境变量管理、安全约束、组件架构与数据流模式。资料明确：基于 TypeScript 的 React 实现；环境变量需通过构建工具系统（import.meta.env）集中管理并保证类型安全，process.env 在浏览器不可用；前端代码公开可见，禁止存放 API 密钥、令牌等机密，敏感信息交由后端代理；组件采用函数组件与自定义 Hooks，按 Atoms 到 Pages 分层；状态分为本地状态、Context、自定义 Hooks、服务端状态（React Query/SWR）；数据流强调单一数据源、单向流动与不可变更新，并对前后端数据做类型守卫校验；构建与测试命令配合 Biome、Vitest 与覆盖率要求（单元测试覆盖不低于 60%，各组件类型有细分目标）；还给出浏览器兼容与渲染时间等非功能要求。

前端与建站0 次安装

frontendtypescript-rules

该技能为使用 React 与 TypeScript 实现前端组件时提供类型安全、组件设计与状态管理规范。它涵盖前端特有的反模式（如超过三层的 prop drilling、300 行以上的巨型组件）、数据流类型安全（外部 API、localStorage、URL 参数按 unknown 接收并用类型守卫校验）、Props 设计复杂度控制、函数式组件与自定义 Hook 约定、环境变量与依赖注入、异步处理、错误处理（禁止吞错、Result 类型模式、自定义错误类、Error Boundary）以及性能优化（React.memo、lazy/Suspense、包体积控制）等规则。

前端与建站0 次安装