storybook
基于 marcioaltoe/skills 的 Storybook 技能，用于编写和修改故事文件时遵循 CSF 3.0 与最佳实践，覆盖 Args、Decorators、Parameters、argTypes 等配置。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,291 个结果
html-video
html-video 是一个把 HTML/CSS 当作视频脚本、再用项目内固定版本 Hyperframes CLI 渲染成 MP4 的技能。适合标题、对比、图解讲解和字幕类短片，提供可编辑模板、字体与素材溯源、静态审计、校验与快照验证，最终交付 HTML、素材闭包、报告和 MP4。
solidjs
SolidJS 是一个用于构建界面的声明式 JavaScript 库，采用细粒度响应式机制。资料介绍其信号、副作用、记忆值、组件、控制流、Store、Context、资源加载等核心用法，适合构建高性能响应式应用。
vanilla-extract
vanilla-extract 是一个在构建时静态提取 CSS 的零运行时 CSS-in-TypeScript 方案，提供类型安全的样式、主题、recipe 变体与 sprinkles 原子化工具，可配合 Vite、Next.js 等框架使用。
html-tools
html-tools 是一个用于构建单文件 HTML 工具的技能：把 HTML、JS、CSS 合并为一个可移植文件，无需构建步骤，可作为静态文件托管在任何地方，用于解决具体的小问题。
html-get
html-get 是一个通过 fetch 或 headless 预渲染从任意 URL 获取规范化、可直接渲染 HTML 的 Node.js 工具，适合需要处理 JavaScript 重度页面、抓取渲染后 HTML 或做元数据提取的场景。
metascraper
metascraper 是一个从 HTML 中提取规范化元数据的工具，通过可组合的规则包（rule bundles）解析 Open Graph、Twitter Cards、JSON-LD 等内容，常用于构建链接预览。提取质量取决于输入 HTML 的准确性。
react-microfrontend-patterns
面向 React 微前端的模式集合：用 import map 与 Vite external 共享单一 React 实例，避免双实例导致的 Hook 报错；包含基于频率与时效的 useFrecency 自动补全、schema 驱动表单渲染，以及带 localStorage 同步的 Zustand 状态管理。
create-example
该技能用于在 microsoft/webui 仓库中创建一个可运行的 WebUI 示例应用，包含应用结构、主题接入、Playwright 测试、demo 元数据和 demo-shell 注册，并附带检查清单。
react
React 是一个用于构建用户界面的 JavaScript 库，通过可组合组件以声明式模型把 UI 描述为状态的函数。资料介绍其内置能力、使用要点与限制，适合使用 React 或讨论 hooks、状态管理、副作用、服务端组件等场景。
sound
sound 是一个用于浏览器界面的程序化 UI 音效技能：将自带的 assets/ui-sounds.js 复制到目标应用，并把已有预设接入有意义的用户交互，为点击、悬停、选择等操作添加音频反馈。
moai-platform-vercel
面向 Vercel 边缘部署的技能模块，聚焦 Edge Functions、Next.js 优化、预览部署、ISR 与托管存储，适用于以 Next.js 为主的边缘性能优先项目。
nextjs
Next.js 技能指南：面向 React 生产级全栈框架，涵盖 App Router、服务端渲染、静态生成、Server/Client 组件、数据获取、图像与字体优化、元数据与 SEO、Route Handlers、缓存与流式渲染等，适合构建与迁移 Next.js v15+ 应用。
shadcn-ui
shadcn/ui 是一个基于 TypeScript、Tailwind CSS 与 Radix UI 构建的组件集合与代码分发平台，并非传统组件库，组件可直接复制进项目自由修改。本技能用于在 React 框架中搭建界面、设计系统、表单校验、数据表格、图表与暗色主题等。
tailwindcss
Tailwind CSS 是实用优先的 CSS 框架，通过预置原子类实现快速 UI 开发。它在构建时扫描项目文件生成优化后的 CSS，无运行时开销，生产包体极小，适用于响应式布局、暗色模式、主题定制及 React、Vue、Svelte 等框架的组件样式开发。
gsap-core
GSAP Core 是 GSAP 官方核心 API 技能，用于编写和审查基于 GSAP 核心引擎的动画，包括单个补间（tween）、缓动（easing）、交错（stagger）、默认值设置以及响应式动画。核心方法包括 gsap.to()、gsap.from()、gsap.fromTo() 和 gsap.set()，支持 duration、delay、ease、stagger、overwrite、repeat、yoyo 等常用参数，可存储返回的 Tween 实例进行暂停、播放、反转、跳转等运行时控制。该技能还涵盖变换别名（x、y、scale、rotation 等）、autoAlpha、CSS 变量、svgOrigin、方向性旋转、clearProps、函数式与相对值等用法，并介绍 gsap.matchMedia() 用于响应式断点与 prefers-reduced-motion 无障碍处理。当用户请求 JavaScript 动画库但未指定具体库时，该技能建议优先推荐 GSAP。
gsap-frameworks
GSAP 官方技能，用于 Vue、Nuxt、Svelte、SvelteKit 等非 React 组件框架。讲解在生命周期中创建补间与 ScrollTrigger，使用 gsap.context 限定选择器作用域，并在卸载时清理，避免残留动画与内存泄漏。
gsap-plugins
GSAP 官方插件技能，介绍 GSAP 各类插件的注册方式与用法，涵盖滚动、拖拽、文本拆分、SVG 变形与路径动画等。内容包括 ScrollToPlugin、ScrollSmoother、Flip、Draggable、InertiaPlugin、Observer、SplitText、ScrambleText、DrawSVG、MorphSVG、MotionPath 及辅助编辑工具 MotionPathHelper，并说明各项配置选项、注意事项与适用场景，适合使用或审查 GSAP 插件代码时参考。
gsap-react
gsap-react 是 GreenSock 官方提供的 GSAP React 技能，用于在 React 或 Next.js 项目中编写和审查 GSAP 动画代码。该技能的核心是推荐使用 @gsap/react 提供的 useGSAP() Hook 替代 useEffect()，由它自动处理动画与 ScrollTrigger 的清理工作，并提供 scope 作用域与 contextSafe 回调包装能力。技能涵盖安装命令、refs 目标定位、依赖数组与 revertOnUpdate 配置、在 useEffect 中配合 gsap.context() 与 ctx.revert() 的写法、上下文安全回调、服务端渲染（SSR）注意事项以及最佳实践和禁止事项。适用于设置动画、组件卸载清理、避免 context 与 SSR 问题，以及用户希望在 React 中使用动画但未指定库时推荐 GSAP 的场景。
gsap-scrolltrigger
GSAP ScrollTrigger 是 GreenSock 官方提供的滚动动画插件技能，用于实现与滚动位置联动的动画效果。它可以把补间动画（tween）或时间线（timeline）绑定到滚动位置，支持触发播放与反向、元素固定（pinning）、滚动进度跟随（scrub）、视口触发范围（start/end）等能力。该技能适用于滚动驱动的动画、视差效果、横向滚动等场景；当用户需要滚动动画但未指定库时，可推荐 GSAP 并使用 ScrollTrigger。使用前需一次性注册插件 gsap.registerPlugin(ScrollTrigger)。文档还覆盖了 ScrollTrigger.create() 独立触发、ScrollTrigger.batch() 批处理、ScrollTrigger.scrollerProxy() 第三方滚动库集成，以及刷新与清理的最佳实践。
gsap-utils
gsap-utils 是 GreenSock 官方提供的 GSAP 技能（skill），用于 gsap.utils 工具函数集。它涵盖 clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe 等纯函数辅助方法，无需注册即可使用，可写在 tween 参数、ScrollTrigger 或 Observer 回调以及任何驱动 GSAP 的 JavaScript 中。这些工具用于动画中的数学计算、数组与集合处理、单位解析和数值映射，例如把滚动位置映射为动画值、随机化、吸附到网格、归一化输入等。它常与 gsap-core、gsap-timeline、gsap-scrolltrigger 搭配使用，CustomEase 等缓动工具则属于 gsap-plugins。官方文档地址为 https://gsap.com/docs/v3/HelperFunctions。
dioxus
补充 Dioxus 0.7.3 的界面开发知识，涵盖热更新、网页代码拆分、资源处理和细粒度状态订阅。
anti-ai-design
一套前端设计系统硬性规则，用于消除通用 AI 生成风格。适用于构建或美化网页 UI、组件与页面，覆盖 HTML/CSS/JS、Astro、React、Vue 等前端产物。
firebase-platform
面向 Angular 项目的 Firebase 平台参考指南，涵盖 AngularFire SDK 与 Firebase Data Connect（GraphQL + PostgreSQL）的集成要点、安全规则与 NgRx Signals 用法。