figma-d3-react-ts
面向 React/Next.js 的 D3.js 数据可视化技能，要求图表与 Figma 设计像素级一致。覆盖从 Figma 提取设计、分析图表属性、参考 D3 官方示例、实现与迭代校验的完整流程，适用于折线、柱状、散点、饼图、热力图、桑基图等交互图表开发。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,279 个结果
motion-graphics
motion-graphics 是一个代码驱动的动态图形视频技能：把视频做成一个 HTML 页面，每个像素都是时间 t 的纯函数，用无头 Chromium 逐帧渲染并由 ffmpeg 编码，保证帧精确、可复现。
mobile-ux-optimizer
面向移动端触控界面的 UX 优化技能，覆盖视口处理、触控目标尺寸、手势、移动导航与性能优化，适用于响应式布局与移动端体验改进。
web-design-expert
依据公开资料，该技能用于为 Web 应用创建独特视觉设计，涵盖品牌识别、配色、字体排版与现代 UI/UX 模式，适合品牌识别开发与视觉设计等任务。
browser-bridge
Browser Bridge 是一个通过 Chrome 扩展控制真实浏览器的独立技能，用于网页访问、数据抽取、点击、填表与浏览器自动化，并以结构化结果、DOM diff 和简化 HTML 节省 token。
i18n-frontend
i18n-frontend 是一套面向 TypeScript Web 前端（React、Next.js、Vue、Nuxt、Angular、Tauri）的国际化技能规范，要求 UI 文案来自语言目录而非硬编码字符串，使用 BCP 47 locale、ICU 复数、按 locale 路由、RTL、Intl 日期数字格式化与 html lang/dir。
web-3d
这是一个用于在网页中实现 3D 场景的技能，基于 Three.js；在 React 项目中配合 @react-three/fiber 与 @react-three/drei 使用。它强调性能与体验：3D 场景懒加载，避免 WebGL 包阻塞 LCP；限制灯光、昂贵材质与多边形数量，对象重复多时优先实例化；离开视口时暂停并释放资源；WebGL 失败或用户偏好减少动态效果时回退到 2D 静态图片或视频；关键信息不能仅靠 3D 拖拽交互获取；保持应用原有架构，并把场景隔离在客户端边界内以适配 SSR。
js-framework-benchmark-report
用于重建 js-framework-benchmark 本地 HTML 报告的技能，按仓库预设框架集过滤结果，避免报告中混入上游全部框架。提供脚本包装器生成 results.ts 并重建 webdriver-ts-results/dist。
react-best-practices
面向 TSX 文件的 React 最佳实践审查技能，在编辑多个 TSX 组件后触发，运行精简质量检查清单。其内容基于 Vercel 维护的 React 与 Next.js 性能优化指南，含 8 大类共 64 条规则，按影响优先级排列。
frontend-design
一个指导创建独特、达到生产级质量前端界面的技能，帮助避免千篇一律的“AI 味”设计。它会围绕用户给出的前端需求，先确定明确的审美方向，再用真实可运行的代码实现，并在排版、配色、动效、空间布局和视觉细节上精雕细琢。
slack
通过 OpenClaw 的 slack 工具控制 Slack，支持表情回应、消息收发编辑删除、置顶管理、成员信息与自定义表情查询，使用为 OpenClaw 配置的机器人令牌。
html-timeline-roadmap
用于生成 HTML 时间线与路线图视图的技能，支持状态标签、依赖箭头和里程碑标记，适用于季度规划、项目复盘、发布历史与事故时间线等场景。
ui-ux-pro-max
面向前端 UI/UX 设计的可搜索设计智能技能，提供 50 种风格、21 套配色、50 组字体搭配、20 种图表与 8 种技术栈指南，帮助生成美观界面。
nextjs-expert
Next.js 14+ App Router 开发专家技能，提供最佳实践、性能优化与现代化开发指导，涵盖 Server/Client Components、数据获取、项目结构与 TypeScript 配置。
base-ui-dialogs-and-anchored-popups
面向 Base UI 弹窗与锚定浮层的技能，覆盖 Alert Dialog、Dialog、Drawer、Popover、Preview Card、Tooltip，聚焦焦点管理、定位与模态生命周期。
base-ui-disclosure-and-tabs
用于实现带状态可见性组件的技能，覆盖 Base UI 的 Accordion、Collapsible 与 Tabs，并处理标签页导航语义。
base-ui-handbook-foundations
Base UI 跨组件基础技能，用于样式、动画、组合、定制、render prop 接线及 merge/事件工具模式，适合处理不针对单一组件 API 的跨组件问题。
base-ui-menus-navigation-and-toast
面向 Base UI 的命令面板与导航类组件技能，覆盖 Menu、Context Menu、Menubar、Navigation Menu、Toolbar、Toast，以及分离触发器、菜单载荷等共享模式，适合处理菜单语义与导航外壳，而非通用对话框。
base-ui-selection-and-filtering
Base UI 选择与过滤技能，用于 Autocomplete、Combobox、Select 等列表驱动输入组件，以及 useFilter、useFilteredItems 过滤钩子。
angular-migration
用于将 AngularJS（1.x）应用迁移到 Angular（2+）的技能，涵盖混合模式、组件重写、依赖注入与路由迁移，适合框架升级场景。
frontend-developer
面向现代 React 与 Next.js 应用的前端开发技能，用于构建 React 组件、实现响应式布局并处理客户端状态管理，覆盖 React 19、Next.js 15 与现代前端架构。
nextjs-supabase-auth
用于在 Next.js App Router 中集成 Supabase Auth 的专家技能，涵盖服务端与客户端边界、中间件鉴权、Server Components、Client Components 与 Server Actions，并强调使用 @supabase/ssr 与基于 Cookie 的会话流程。
react-ui-patterns
面向现代 React UI 的模式合集，聚焦加载状态、错误处理与数据获取。适用于构建 UI 组件、处理异步数据或管理界面状态时参考。
tailwind-design-system
用于构建可扩展 Tailwind CSS 设计系统的技能，涵盖设计令牌、组件库、响应式模式与无障碍，适合创建组件库、实现主题与暗色模式、统一 UI 规范或迁移扩展 Tailwind 时使用。