react-19-patterns
React 19 模式技能包，涵盖全部 Hooks、服务端与客户端组件、Suspense、流式渲染与过渡，帮助开发者按规范编写 React 19 组件并提供校验脚本。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,334 个结果
react-native-design
该技能用于掌握 React Native 样式、导航与 Reanimated 动画，构建跨平台移动应用。涵盖 StyleSheet 与 styled-components 样式、Flexbox 布局、React Navigation 6+、Reanimated 3 动画、Gesture Handler 手势、平台差异化设计及性能优化。
react-nextjs-development
面向 React 与 Next.js 14+ 应用开发的技能工作流，覆盖 App Router、Server Components、TypeScript、Tailwind CSS 等现代前端模式，按项目搭建、组件架构、样式、数据获取、路由、表单、测试到部署的阶段组织，并列出可调用的相关技能。
react-useeffect
React useEffect 最佳实践指南，源自官方文档。用于编写或审查 useEffect、使用 useState 处理派生值、数据获取或状态同步等场景。核心观点是“你可能并不需要 Effect”：Effect 是 React 的逃生舱，用于与外部系统同步；若没有涉及外部系统，通常就不应使用 Effect。资料以快速参考表和决策树的形式，对比了派生状态、昂贵计算、属性变化时重置状态、用户事件响应、通知父组件、数据获取等常见情况下的错误做法与正确做法，并说明何时确实需要 Effect（如与外部系统同步、订阅外部存储、分析日志、带清理的数据获取），何时不需要 Effect（如渲染时的数据转换、处理用户事件、派生状态、链式状态更新）。
rn-auth
rn-auth 是面向 Expo React Native 应用的身份认证模式参考，涵盖 OAuth 登录、Google/Apple 登录、令牌管理与会话处理，并列出常见配置错误与调试方法。
shareone
ShareOne 是一项 AI Agent 技能，用于把本地生成的 HTML、Markdown、TXT、PDF、Word、PPTX 等文件或对话内容发布到 ShareOne 托管平台，生成公网分享短链接；也可下载已有链接的文件、管理密码/水印/短链/评论开关，以及拉取和处理评论。
styling-with-shadcn
一个面向 Next.js 项目、基于 shadcn/ui 构建美观且可访问 UI 的技能。资料涵盖按钮、表单、对话框、数据表格、侧边栏等常见组件的安装与用法示例。
swiftui-liquid-glass
面向 SwiftUI 的 iOS 26+ Liquid Glass 技能，用于采用、审查或改进使用原生玻璃效果 API 的界面功能。
web-performance-optimization
该技能用于优化网站与 Web 应用性能，涵盖加载速度、Core Web Vitals（LCP、FID、CLS）、打包体积、缓存策略与运行时性能。它提供测量、分析、优化与验证的系统化流程，帮助改善用户体验、SEO 排名和转化率。
website-to-video
将任意网站或 URL 转化为关于该网站本身的视频，基于抓取到的截图和网站自身品牌素材，生成站点导览、展示片或社交短视频。属于 HyperFrames 工作流，需配合 /media-use 与 hyperframes 技能使用。
wordpress
该资源是面向 WordPress 开发的工作流技能包，覆盖主题开发、插件创建、WooCommerce 集成、性能优化与安全加固，并按阶段列出可调用的技能与操作。
wordpress-admin
一个用于完整管理 WordPress 站点的技能：通过本地 Docker 中的 WP-CLI 和生产站点的 REST API 创建页面/文章、配置 Yoast SEO、上传媒体、管理插件与设置，并可管理本地 Docker 环境。
create-infographics
将任意数据或简报制作成 HTML、PNG、PDF 三种格式的成品级信息图，适用于信息图、可视化总结、单页图文、数据可视化等需求，产出信息密集、具设计感而非 AI 感的视觉作品。
canvas-ui
canvas-ui 是一项用于操作 DavidHDev/canvas-ui 组件的技能指南，主要帮助在项目中挑选并集成其基于 live-DOM 的 canvas 视觉效果。它强调先核对所选版本的完整 LICENSE.md，明确其允许作为应用、网站或产品的一部分使用，但限制销售、再许可或再分发组件本身；同时要求记录具体变体（效果、框架、渲染器、目标路由、回退方案），在集成前检查打包方式与组件特定要求，并将 canvas 效果作为可用内容之上的渐进增强，保留语义内容与键盘可操作性。资料提供了 React、Vue、Svelte、Solid、Preact 和 vanilla 等变体说明，WebGL 为默认构建，WebGPU 注册名在框架后追加 -webgpu。使用方式包含通过 shadcn 命令安装注册表组件等示例，但均为只读检查示例，未执行。限制包括：HTML-in-Canvas 属实验性且不等同于 WebGPU 支持，demo 可用不代表目标域名具备浏览器能力或 origin trial，来源审计未建立运行时或跨浏览器结果。
cursify
Cursify 是一个围绕“光标特效”的技能条目，指向 ui-layouts/cursify 的光标效果源码。它本身并非可安装的 npm 包；它的主要用途是：在涉及 Cursify 时，先检查指定提交版本（commit）的源码与许可证情况，判断能否复用其效果，再为 React 项目规划或审查范围受限的光标增强。资料说明，被检查的仓库没有许可证文件；公开可见不等于允许复用，因此在获得适用许可证或权利人明确授权前，不应复制源码或素材。该技能强调把真实控件语义与装饰性光标分开：保留原生指针反馈、文本选择、键盘焦点和普通链接按钮激活，叠加层不拦截点击、不成为焦点；触屏和粗略输入下不模拟鼠标；减少动态效果时，省略拖尾、弹簧和粒子等持续渲染。它还要求明确监听器、动画帧、canvas、DOM 节点及媒体查询回调的创建与清理归属，并对粒子数量、像素成本、隐藏时暂停等设定性能边界。适用场景包括识别或对比 Cursify 效果、审查已获授权的集成、排查返回后覆盖层残留等问题。选型视觉方案、组件契约或跨页动画优化应由 web-design、react-bits、design-system、optimize-web-animations 等负责。其余功能、收费方式和平台支持暂未提供。
higgsfield-websites
Higgsfield 官方网站构建技能（CLI 工作流），用于通过 Higgsfield CLI（`higgsfield website …`）创建、编辑并部署全栈网站、应用和浏览器游戏。每种产品都是一个基于 React 19 + TanStack Start 的服务端渲染（SSR）应用，部署为独立的 Cloudflare Worker，并使用独立子域名。创建时必须指定 `--type`，分为 website（独立品牌、无 AI 生成）、app（集成 Higgsfield 登录与图片/视频生成）、game（基于模板的实时多人房间游戏，需指定游戏类别）。技能内含三条完整流程文档，以及封面图与元数据、部署发布等规范。
hyperiux
Hyperiux 是一套用于检查与集成 Hyperiux Vault 动效组件的技能说明，面向 Hyperiux-Immersion-Labs/hyperiux-components 组件库。它不提供可导入的运行时包，而是指导用户选择单个特效、核对许可证与框架兼容性、阅读 registry.json 与源码、审查 hyperiux CLI 安装副作用，并在接入后验证生命周期与无障碍表现。资料强调：特效使用须遵循 LICENSE_EFFECTS，CLI/MCP 的 MIT 许可不等于特效可自由分发；init/add 可能改写全局 CSS 并写入文件，需先评审再执行。
motion-primitives
Motion Primitives 是一套面向 React 的动效组件技能，用于按源码拷贝方式检查、集成与适配 ibelick/motion-primitives 组件。它不假定存在 npm 运行时 API，而是要求阅读锁定的组件源码 components/core/<name>.tsx 与注册表 scripts/registry-components.ts，确认真实的导出、属性与依赖后再使用。技能覆盖 TextEffect（按词、字符或行分段，含模糊、淡入、缩放、滑动等预设）、InView（进入视口触发，支持隐藏/可见变体与 once 状态）以及 Dialog（受控与非受控、原生 motion.dialog、焦点与滚动协调）等组件，并提示注册表依赖可能少于源码实际导入的情况。使用方式包括通过 npx motion-primitives 或 shadcn 注册表安装，或从审阅过的提交手动复制源码并保留 MIT 许可声明。集成时需自行补充 reduced-motion 静态回退、键盘与焦点可访问性、监听器与观察器清理等要求，并明确该技能只做源码审阅，浏览器行为、编译与新版 Motion 兼容性未经验证。适合在 React Web 应用中选用该库组件或核对文档示例与注册表负载时使用，不适用于 Vue、React Native 等平台。
paper-shaders
Paper Shaders 技能用于在网页前端集成和诊断 paper-design/shaders 提供的命名画布着色器运行时。它帮助选择 @paper-design/shaders 或 @paper-design/shaders-react 入口，按 React 或原生浏览器前端两种路径挂载指定着色器，调整着色器参数、调色、速度与渲染边界，并处理生命周期、清理、回退与动效偏好等事项。该技能强调先确认集成契约、按影响范围审批操作，并在获得执行授权后验证真实框架中的渲染、缩放、WebGL 不可用回退与减少动效表现。
trickle-ui
Trickle UI 是一套以 shadcn 风格注册表分发的文本动画组件技能说明，聚焦 akaieuan/trickle-UI-kit 中的文本原语（如 WordCascade、Typewriter 与 TextRoot）。它指导使用者按“评估、集成、诊断”分支选择最小原语，检查许可证、依赖、CSS 与生成 JSON，并保留无障碍语义与减少动态效果回退；默认仅做源码审查，经授权才执行注册表安装命令。
ui-layouts
ui-layouts 是一个面向 UI Layouts 组件与区块目录的技能文档，用于在 ui-layouts/uilayouts 仓库中挑选并适配具体组件或 bento 区块。它指导用户先记录目标路由、组件名、现有技术栈与源版本，并结合内容页、TSX 源码与 registry 条目核对选型；随后处理 registry 导入与依赖漂移（例如响应式模态框 registry 漏列 vaul）、修正文档与 TSX 不一致的 props，并保留区块的栅格/断点关系、在消费者项目中复用 cn 工具与别名。适用场景包括选取现有组件、移植区块、在审批后从 registry/CLI 安装、以及修复已采用的组件。限制：仓库与网站私有包不可作为运行时安装，包身份存在未解决分歧，CLI 会下载并写入文件需先审批；源码检查不能证明可访问性、性能或视觉效果，须在实际消费者路由中验证。
archify
Archify 依据带类型的 JSON 生成可交互的独立 HTML 图，支持内联 SVG 与深/浅色，涵盖架构、工作流、时序、数据流、生命周期五类图；静态输出为默认，仅在请求时启用动效。
nuxt-ui
Nuxt UI 是基于 Reka UI、Tailwind CSS 与 Tailwind Variants 的 Vue 组件库，提供 125+ 可访问组件，支持 Nuxt、Vue（Vite）、Laravel 与 AdonisJS（Inertia），可用于构建界面并按品牌定制主题。
vitepress
VitePress 是构建在 Vite 与 Vue 3 之上的静态站点生成器，可将 Markdown 结合主题生成静态 HTML 并作为 SPA 快速导航，适合文档站、博客和营销站点。资料基于 VitePress 1.x。