infographic
用于创建可分享的数据信息图，涵盖流程、对比、统计、时间线等类型，通过 HTML/CSS/SVG 或图像生成实现。当图形需要绘制真实数据或标签较多时，应使用 HTML/CSS/SVG 以确保数字准确。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,873 个结果
architecture-diagram
用于构建交互式、可点击的软件系统架构图，输出单文件 HTML：带分步动画数据流、侧栏载荷详情，以及可切换模式（离线/在线、dev/prod、v1/v2）。适合工作坊讲解、新人入职与方案评审。
accessibility-engineer
该技能用于在实现任何界面时正确且最小化地使用语义化 HTML/JSX 与 WAI-ARIA，覆盖无障碍、屏幕阅读器支持、键盘操作与焦点管理，适合表单、交互组件等 UI 实现场景。
seo-wordpress-manager
通过 WPGraphQL 批量更新 WordPress 站点中 Yoast SEO 元数据的技能，可批量修改 SEO 标题、元描述、焦点关键词和 Open Graph 元数据，默认先预览再应用，支持进度续传与限速。
tanstack-store
TanStack Store 是一个轻量、框架无关的响应式状态管理库，支持类型安全更新、派生计算、批量变更和副作用管理，是 TanStack 库的内部核心，也可独立使用，并提供 React、Vue、Solid、Angular、Svelte 适配器。
dashboard-builder
dashboard-builder 是一个用于构建全栈数据可视化仪表盘的开源示例技能，基于 Next.js、React、shadcn/ui、Tailwind CSS、Recharts、Framer Motion 与 Express，支持可配置的 API、数据库或静态数据源，面向大屏专业仪表盘开发。
favicon
favicon 是一个技能，用 ImageMagick 从源图片生成完整 favicon 图标集，并按框架类型更新项目的 HTML 或布局文件中的图标链接，同时生成或更新 site.webmanifest。
weapp-tailwindcss-setup
weapp-tailwindcss-setup 是一个用于为新项目配置 weapp-tailwindcss v5 与 Tailwind CSS 4 的技能，覆盖 uni-app、uni-app x、Taro、Mpx、原生小程序、weapp-vite 及 Vite、Webpack 5、Rspack、Gulp、独立 CLI 和小程序/H5/Web/App 多端，基于真实项目生成最小、可复制、可验证的接入配置。
frontend-design
一个指导创建高设计品质、可交付生产前端界面的技能。适用于构建网页组件、页面、海报或应用时，帮助产出具创意、打磨到位且避免“AI通用审美”的界面与代码。
tdesign-vue-next
TDesign Vue Next 是腾讯 TDesign 面向 Vue 3 的组件库使用指南，覆盖 tdesign-vue-next 1.x 系列，包含基础组件、表单、表格、主题定制、暗色模式与 Chat 组件等，默认采用 TypeScript 与 script setup 语法。
ui-verification
UI Verification 是 Amazon AGI Labs 的 Nova Act Agent Skill，用于对运行中的 Web 应用做两类验证：基于 DOM 计算样式的确定性视觉验证，以及执行 Gherkin 场景的用户流程验证。
frontend-dev-guidelines
面向 React/TypeScript 应用的前端开发规范技能，涵盖基于功能的项目结构、组件模式、Suspense 与懒加载、useSuspenseQuery、状态管理、样式、性能优化、TypeScript 实践、错误处理与测试等现代开发模式。
elementor-content
用于通过 WP-CLI 或导出的 JSON 模板，保守地创建、检查、更新、迁移、导入或删除 Elementor 内容的技能，适用于 WordPress 中的 Elementor 页面与模板。
add-navigation
将 @cognite/dune-industrial-components/navigation 的 Navigation 组件接入 Dune 应用，用于添加导航页头、顶部导航栏或粘性导航。组件完全受控，由父级管理 activeId 与 onNavigate。
frontend-design
用于指导创建独特、达到生产级质量的前端界面。它会先自动检测项目已有的设计系统与前端框架并优先遵循，再通过构图、布局与动效表达创意，适用于组件、页面或应用开发。
karpathy-output-evolution
一个将 LLM 输出从纯文本升级为结构化、可渲染格式的技能，提供 HTML 文档、Marp 幻灯片、交互表格和数据可视化等提示词模板，用于分享、演示或分析场景。
interactive-prototype
用于生成可点击、可操作的高保真交互原型（而非静态稿）。基于 React 与 useState/useEffect，强调真实的状态切换、表单校验、加载/空状态与多步流程，适合需要演示真实应用行为的场景。
to-markdown
将任意文件或 URL 转换为干净 Markdown 的技能，基于 MarkItDown 转换引擎并配有轻量 URL 抓取层，面向 LLM 流程。支持 PDF、DOCX、XLSX、PPTX、HTML、图片 OCR、音频、CSV、YouTube 等格式。
integration-react-react-router-7-declarative
PostHog 官方技能，用于为 React Router v7 声明式模式应用集成 PostHog 分析，按分步流程与参考文件完成事件捕获、功能开关和用户识别等接入。
elite-css-animations
elite-css-animations 是 elite-web-design 技能集中的 CSS 原生动画参考，涵盖滚动驱动动画 API、视图过渡、@property 规则、视觉效果与微交互模式，并提供 CSS 与 GSAP 的选用决策指南及浏览器支持说明。
threejs-interaction
Three.js 交互技能，用于在三维场景中处理用户输入，涵盖射线投射、对象拾取、鼠标与触摸输入以及相机控制，适合构建可交互的 3D 体验而非被动渲染。
unhead-vue-skilld
@unhead/vue 3.x 的 Vue 全栈 <head> 管理技能，用于编写、审查或调试导入 @unhead/vue、调用 useHead、useSeoMeta 等 API 的代码。
design-website
根据 Google 表格中的潜在客户数据，生成单页 HTML 网站样稿，采用 buildinamsterdam.com 风格（粗体排版、米白背景、编辑式网格、陶土色点缀），用于向客户推介网页设计服务。
overdrive
Overdrive 是一个用于把界面体验推向常规极限的前端技能，强调用技术上更有野心的实现方式让界面“感觉非凡”。它覆盖着色器、弹簧物理、滚动驱动揭示、60fps 动画、View Transitions、虚拟滚动、GPU 加速图表、Web Workers、OffscreenCanvas、WASM、Web Audio 等浏览器能力。该技能要求先调用 /impeccable 获取设计原则与上下文收集协议，并在动手前提出 2-3 个方向供用户选择，再用浏览器自动化工具反复预览与迭代。它区分视觉/营销界面、功能性 UI、性能关键 UI 和数据密集型界面，分别定义“非凡”的含义。所有技术必须渐进增强、尊重 prefers-reduced-motion、目标 60fps，并在真实中端设备上验证。