reactiive
React Native 动画技能，提供 Reanimated、Gesture Handler 与 Skia 的实用模式，帮助构建手感自然的移动端交互动画。涵盖共享值、派生值、手势、弹簧参数、布局动画与共享元素过渡等主题。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,967 个结果
react-hook-form-zod
基于 React Hook Form v7 与 Zod v4 构建类型安全的表单校验方案。同一份 Zod schema 可复用于客户端与服务端，并通过 z.infer 与 zodResolver 获得完整 TypeScript 类型推导。
shadcn-detection
用于判断 shadcn/ui 项目使用哪种组件基础（Base UI、Radix UI 或 React Aria）的技能，在任何组件开发或迁移前给出结论，避免误用组件模式。
swiftui-core
面向 Apple 平台的 SwiftUI 基础技能，覆盖视图与修饰符、导航、SwiftData 持久化、状态管理、Liquid Glass、App Intents，并附 Apple HIG 无障碍、RTL、模态与系统界面等规范。
topic-brief
topic-brief 是 genli-ai/market-research-skills 中的双语技能，用于针对地区、行业、政策议题或机构生成基于公开新闻的主题简报，输出单个自包含 HTML 文件，便于粘贴到微信公众号编辑器。
migrate-nativewind-to-uniwind
将 React Native 项目从 NativeWind 迁移到 Uniwind 的技能，涵盖卸载旧依赖、配置 Metro 与 Babel、迁移主题与安全区、替换 cssInterop 等步骤，需 Tailwind CSS 4。
react-google-maps
面向 React 的 @vis.gl/react-google-maps 地图库专家技能，用于构建地图、标记、信息窗口与地点自动补全等功能。资料说明其由 vis.gl 维护并获 Google 支持，提供组件与 Hooks，可用于集成 Google Maps JavaScript API。
resume-builder
通过对话式 AI 生成符合 Reactive Resume 架构的专业简历，适用于创建、构建或生成简历的场景。
bundle-size-analyzer
bundle-size-analyzer 是 Frontend Development 技能类别下的自动激活技能，用于为打包体积分析相关任务提供自动化辅助，涵盖 React、Vue、CSS、无障碍与性能优化等前端开发模式的实践指导。
frontend-designer-lite
frontend-designer-lite 是一个用于前端设计系统决策的独立技能，适用于智能体需要选择、评审或记录生产级技术方向时。它聚焦 UI 系统、组件结构、设计令牌、布局与视觉交互，以及 CSS 架构、响应式行为、无障碍约束和动效规则的选择，并能把仓库的视觉方向转化为可直接实施的前端指导。该技能强调决策优先，要求保留仓库既有的令牌与组件状态契约，使用语义化 HTML 和原生控件，定义键盘行为、可见焦点、可测对比度、触控标准与减少动效行为。使用前需收集仓库架构与迁移成本、设计来源、浏览器与回退策略、令牌与主题、布局与组件、无障碍与动效、视觉处理与性能、工具链等证据；证据缺失时应停止并报告，而非猜测或强推通用技术栈。
html-prototype-build
用于在 AI 智能体协助下构建、标注、评审、截图并交付原生 HTML UI 原型，支持可复用 UI 包、绑定 DOM 的产品标注与浏览器内本地编辑。
scroll-experience
Scroll Experience 是一个专注于构建沉浸式滚动驱动体验的技能，定位为“滚动体验架构师”。它把滚动视为叙事工具而非单纯导航，擅长视差叙事、滚动动画、交互式叙事和电影感网页体验。技能涵盖滚动触发揭示、进度指示器、粘性区块、滚动吸附等能力，并给出 GSAP ScrollTrigger、Framer Motion、Locomotive Scroll、Lenis、CSS scroll-timeline 等库的适用场景与学习曲线对比，附带 GSAP、Framer Motion 和 CSS 原生滚动动画的代码示例。技能还提供视差分层速度建议、故事节奏结构、文字揭示、粘性区块与横向滚动实现方式，并列出常见反模式（滚动劫持、动画过载、仅桌面端）及问题处理表。适用于产品功能展示、前后对比、分步流程、图片画廊等场景，本资料未提供具体收费、价格或平台限制信息。
threejs-skills
Three.js 技能集，用于创建 3D 元素和交互式体验，属于 liuchiawei/agent-skills 仓库下的 agent 技能。
react-native-expo
面向 React Native 的 Expo 工具链技能，覆盖 Expo Router 文件路由、EAS 构建/更新/部署、原生模块编写、SDK 升级以及 Expo 的 UI 与数据模式，目标版本为 Expo SDK 52–56、Expo Router v4 与 EAS。
gomponents
gomponents 是一个纯 Go 的 HTML 组件库，把 HTML 元素当作可组合的 Go 值，基于 Node 接口实现类型安全的 HTML 构建。本技能用于读写 gomponents 代码、在 Go 应用中构建服务端 HTML 视图及可复用组件。
blazor-blog-feature
用于为现有 Blazor WebAssembly 静态 Web 应用添加完整博客功能的技能，后端基于 Azure Functions，并以 Azure 文件共享存储 Markdown。
vue
Vue 是一个基于 Vue 3.5 的前端开发技能，聚焦 Composition API 与 <script setup lang="ts"> 写法。它提供了编写 Vue 单文件组件（SFC）时的规范与速查内容，涵盖 script setup 宏（defineProps、defineEmits、defineModel、defineExpose、defineOptions、defineSlots、泛型）、响应式与生命周期（ref、shallowRef、computed、watch、watchEffect、effectScope、生命周期钩子、组合式函数），以及内置组件与指令（Transition、Teleport、Suspense、KeepAlive、v-memo、自定义指令）。该技能给出明确偏好：优先 TypeScript 而非 JavaScript，优先 <script setup lang="ts">，在不需要深层响应式时优先 shallowRef，始终使用 Composition API 而非 Options API，并建议避免使用响应式 Props 解构。文档还提供组件模板示例与关键导入速查。适用于编写 Vue 单文件组件、定义 props/emits/model 等场景。
bunwv
bunwv 是基于持久 Bun.WebView 会话的无头浏览器自动化命令行工具，供 AI 智能体通过离散命令调用，可测试前端界面、验证页面内容、填写表单、点击按钮和截图。
frontend-design
frontend-design 是一项面向网页前端的界面设计规范技能，用于把视觉设计转化为开发者可直接实现的规格，涵盖组件、响应式布局与设计系统，包括 CSS 自定义属性、间距与排版尺度、组件状态和交互动效。它只做设计与文档，不写生产代码，需配合编程技能使用。
ui-styling
UI Styling 是一个用于创建美观、可访问用户界面的技能，结合 shadcn/ui 组件（基于 Radix UI 与 Tailwind）、Tailwind CSS 实用优先样式以及基于 canvas 的视觉设计系统。它适用于使用 React 框架（Next.js、Vite、Remix、Astro）构建界面、实现可访问组件、采用实用优先 CSS、创建响应式移动优先布局、实现暗色模式与主题定制、构建设计系统、生成视觉设计或品牌材料、快速原型以及添加复杂 UI 模式等场景。核心栈包括组件层 shadcn/ui、样式层 Tailwind CSS 和视觉设计层 Canvas。提供 CLI 安装、组件目录、主题定制、可访问性模式、Tailwind 工具类、响应式设计、自定义配置、视觉设计系统以及 Python 自动化脚本等参考与工具。
frontend-design
Frontend Design 是一项前端界面设计技能，用于在创建或审查前端 UI 时提升视觉质量，涵盖视觉层次、布局、色彩、间距、响应式设计，并帮助避免千篇一律的“AI 味”页面。
supastarter-nextjs-skill
面向 supastarter for Next.js 的 AI 技能，指导用该 SaaS 启动套件开发生产级应用，覆盖技术栈、安装配置、Prisma 数据库、Hono/oRPC API、Better Auth 认证、Stripe 支付、i18n、部署与排错等主题，仅适用于 Next.js，不含 Vue/Nuxt 内容。
html-playground
用于构建单文件交互式 HTML 探索器的技能，带可视化控件、实时预览与可复制的自然语言提示，也可生成当前任务的交互式 HTML 报告（debrief 模式）。
maui-ui-best-practices
该技能为 .NET MAUI 应用定义推荐的 UI/UX 模式、布局策略、样式约定、无障碍规则与性能指南，帮助智能体在 Android、iOS、Windows 和 MacCatalyst 上生成一致、可维护、响应式且易访问的 XAML 与 C# UI 代码。核心原则包括简洁优先、一致性、响应式、无障碍与性能。规则分为布局与结构、样式与主题、控件与组件、无障碍、性能五类，存放于 rules/ 目录，在生成 UI 代码时应用。