react-bits
React Bits 动画组件集成技能:从 reactbits.dev 公共注册表实时抓取组件源码并安装依赖,避免模型凭记忆编造代码。适用于在 React 项目中添加文本动画、悬停/光标效果或 WebGL/canvas 背景。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-19 00:11
10,866 个结果
React Bits 动画组件集成技能:从 reactbits.dev 公共注册表实时抓取组件源码并安装依赖,避免模型凭记忆编造代码。适用于在 React 项目中添加文本动画、悬停/光标效果或 WebGL/canvas 背景。
面向 Next.js 与 Turborepo 全栈开发的技能指南,覆盖 App Router、RSC、SSR/SSG/ISR、PPR、数据获取,以及 Turborepo 单仓任务管线、缓存与远程缓存,并包含 RemixIcon 图标库的集成用法;适用于单应用或 monorepo 场景,需 Node 环境。
面向 @vueuse/shared 15.0.0 的技能说明,覆盖防抖节流、until/whenever、状态共享等反应式工具的使用要点与 v15 迁移变更,适用于编写、审查或调试相关代码。
面向 React Native 与 Expo 跨平台移动应用开发的技能,覆盖项目脚手架、导航、原生模块、性能优化、OTA 更新与上架构建等场景,适合创建、调试或优化移动端应用时使用。
anchor-links 是 mgifford/accessibility-skills 中用于页内锚点、跳转链接与标题链接的无障碍技能。它在撰写或审查页内导航时加载,强调链接文本要有意义、目标可达且焦点可见,并避免平滑滚动引发不适。仅在项目含页内导航或跳过链接时使用。
ngx-ai-devtools 是 Angular 应用的 LLM 调试面板,可拦截并展示 OpenAI、Anthropic、Gemini、Mistral、Groq、Cohere 等 API 调用,支持成本统计、流式数据与调用重放。
面向 React 19 的性能优化技能,提供并发渲染、Server Components、Actions、数据获取、状态管理、记忆化、Effect 与组件模式等 8 大类共 40 条规则,按影响程度从关键到渐进排序,用于指导 React 19 应用的最佳实践。
这是一个用于指导静态 HTML/CSS/JS 网站功能开发的技能,提供开发模式、自动化工作流与内容校验方面的参考。它面向极简静态站点,强调无构建工具的工作方式,并覆盖本地测试、渐进增强、原生 JavaScript 模式、GitHub Actions 自动化部署与图片优化等实践。适用于需要添加功能、修改自动化流程或规划站点变更时参考,并给出功能开发前后的检查清单与性能目标。
面向 Next.js 应用的 SEO 配置技能,涵盖页面元数据、sitemap.xml、robots.txt、llms.txt 与 JSON-LD 结构化数据等生成与检查,按规则文件提供说明和代码示例。
TanStack Table v8 是一个面向 React 的无头(headless)表格库,只提供状态管理与逻辑,不提供 UI 渲染。它覆盖列定义、排序、筛选(模糊/分面)、服务端分页、行选择、分组、展开、虚拟化等能力。
该技能用于在 Next.js 应用中接入 PostHog 错误跟踪,提供安装、指纹、告警、问题监控与分配、source maps 上传等文档参考,并给出环境变量、最小改动、自动捕获与手动捕获等实践原则。
nuqs-scaffolder 是一个面向 Next.js 页面的模板驱动技能,用于生成 URL 状态过滤器文件:一份带类型的 searchParams.ts 解析器映射,以及一个基于 useQueryStates 的 <Filters /> 客户端组件。无构建步骤,模板即产物。
用于在 React 应用中集成 Syncfusion DOCX 编辑器(Document Editor)的技能,可生成可用的 React 代码片段,支持文档编辑、审阅、格式化、保护、批注、查找替换和表单字段等功能。
这是一个面向 React 应用的功能开发指导技能,聚焦架构层面的实践。它覆盖 Zustand/Redux 状态管理模式、IndexedDB 使用、组件系统、懒加载策略以及无缝集成方式。适用于新增功能、重构现有代码或规划重大变更时参考。该技能扩展自通用功能开发技能,需先阅读基础技能以了解开发工作流、范围评估和自建与集成决策。内容包含项目结构建议、状态管理选型对比、服务端状态处理、IndexedDB 服务封装、组件与路由级懒加载、自定义 Hook 模式、复合组件写法,以及开发前后的检查清单。
这是一份关于 Svelte 5 与 SvelteKit 开发的技能资料,围绕 runes 响应式原语($state、$derived、$effect)、组件模式、共享状态、SvelteKit 全栈框架(路由、加载函数、表单动作、API 路由、中间件)、事件处理语法变更、Vitest 测试以及从 Svelte 4 迁移等内容展开。适用于构建 Svelte 应用、实现细粒度响应式,或使用 SvelteKit 的路由与服务端函数。资料给出了技术栈版本参考(Svelte 5、SvelteKit 2、TypeScript 5、Vite 5、Vitest 1)以及大量代码示例,属于开发参考类内容,未提供收费、价格或使用效果承诺。
figma-to-content 是一个用于将 Figma 设计稿转换为 AEM Edge Delivery Services(EDS / AEM / Franklin / Helix)内容页面的技能,最终发布到 Document Authoring(DA,da.live)。它通过 Figma MCP 读取设计,并使用 DA IMS 令牌写入内容,无需专有工具。该技能会编排已有的子技能(如 da-auth、da-content、block 相关技能),而不是重新实现 DA 规则或区块知识。它支持两条路径:仅内容(所有区块已存在或为默认内容)和内容加代码(需要新建隔离区块)。默认采用推断并确认的方式,在构建前确认每个区块的映射方案。适用于已有 EDS 项目、拿到新设计稿并希望生成新页面的场景。
Hydration Guardian 是 oakoss/agent-skills 中的一项技能,用于确保服务端渲染 HTML 与客户端 React 树零不匹配。它覆盖水合错误诊断、Suspense 选择性水合、React 19 use() 确定性数据桥接、'use cache' 消除数据漂移、两遍渲染、单 diff 错误报告与 DOM 状态自动校验。
TanStack Router 是面向 React 的类型安全文件式路由库,提供路由级数据加载、搜索参数校验、代码分割、预加载与 TanStack Query 集成,核心包为 @tanstack/react-router,配套 Vite 插件 @tanstack/router-plugin。
面向 TypeScript/React 组件库的 Storybook 9+ 使用指南技能,涵盖 main.ts/preview.ts 配置、CSF3 故事编写、args 与 controls、装饰器与组合、play 交互测试、axe 无障碍审计、文档与设计系统、构建与部署,共 52 条规则分 8 类。
frontend-design 是 cowork-os/cowork-os 提供的技能,用于设计并构建生产级前端,强调大胆、独特的视觉美学。适合需要可执行前端设计结果的请求。
Lynx API Docs 是 Lynx 社区提供的技能,用于在编写或修改 Lynx 页面代码前检索权威的 API 文档。Lynx 是一个类似浏览器的渲染平台,拥有自己的元素、非标准 CSS 行为、独特的布局系统以及与 Web 不兼容的默认设置,因此预训练知识不足以支撑 Lynx 开发。该技能的核心规则是:在编写或编辑任何 Lynx 代码之前,必须始终阅读相关 API 文档,不能依赖 Web CSS 知识、不能假设标准 HTML 行为、不能猜测元素 API。文档涵盖布局、CSS 属性与单位、选择器、元素、Web 迁移、主题、动画、响应式等主题,并提供快速参考表帮助定位所需文件。
brainstorm-prototypes 是一个用于在原型阶段挖掘用户“未知已知”需求的技能:生成 3-5 个差异极大的临时方案供用户反应,从而把说不出口的评判标准变成明确规格。
面向 Three.js WebGPU 的单写入者相机机架技能,用于边界推导的透视或正交取景、控制与电影化交接、时间抖动与坐标重基。
lynx-a2ui 是一个将自然语言 UI 请求转换为 A2UI v0.9 JSON 协议消息的技能,供 A2UI 渲染器消费。它只输出数据,不生成代码,组件来自动态获取的目录。