scrollytelling-and-parallax-data-visualization
用于设计与实现视差滚动和滚动叙事数据可视化的技能，适合在滚动本身承担解释作用时使用，强调原生滚动、场景化叙事、无障碍与性能。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,087 个结果
web-design-guidelines
Web Design Guidelines 是一个前端 UI 审查清单类技能，用于在构建或修改 Web 界面之后，帮助智能体检查界面是否可用、易读、响应式且完成度足够高。它的审查范围覆盖布局、排版、颜色、交互、响应式、可访问性、产品状态以及细节打磨等方面，并在评审时输出通过或失败总结、主要问题、具体修复建议以及可能受影响的文件或组件。该技能来自 openbmb/pilotdeck，属于 PilotDeck 原生草稿，其灵感来源为 Vercel Agent Skills 的网页设计指导与常见 UI QA 实践，并非逐字复制。
ui-system
一套面向应用界面开发的 UI 复用规范：要求沿用项目已有的组件原语、CSS 变量与 DESIGN.md 模式，而不是另造一套并行的按钮、颜色、边框、阴影或辅助函数。分类归属为设计与创作。
tailwind-css
Tailwind CSS v3 的实用优先（utility-first）样式技能，涵盖安装配置、响应式设计、暗色模式、事件与状态修饰符、tailwind.config.js 自定义（颜色、间距、断点、插件）、@apply 与 @layer 指令、Flexbox/Grid 类以及最佳实践。适用于需要在项目中落地 Tailwind 样式、进行主题与响应式审查、或提供可复用工作流而非临时建议的任务；不适用于与 Tailwind 无关或只需简单回答的场景。
component-library
该技能用于构建生产级、可访问且经过测试的 React 组件库，涵盖组件 API 设计、WCAG 2.1 可访问性、Storybook 文档、Chromatic 与设计令牌，并讲解 npm 包发布与维护。
react-hooks-patterns
React Hooks 模式技能，讲解 useState、useEffect、useContext、useReducer、useCallback、useMemo、useRef 等内置 Hook，以及自定义 Hook 的开发与复用，面向已有 React 基础的中级开发者。
react-view-transitions
一份关于使用 React View Transition API 实现原生感动画的实践指南，涵盖 <ViewTransition> 组件、addTransitionType、CSS 视图过渡类、共享元素、Suspense 揭示、列表重排与 Next.js 集成等用法与限制。
xhtml-author
XHTML Authoring Skill 是一个用于编写符合 XHTML-strict 规范的 HTML5 标记的 AI 技能，强制小写、自闭合空元素、属性加双引号、语义化标签并禁用 <div>，面向网页与 HTML 文件的创建和编辑。
inertia-react-development
用于开发 Inertia.js v3 React 客户端应用的技能，在创建 React 页面、表单或导航，使用 <Link>、<Form>、useForm、useHttp 等时激活，涵盖延迟属性、预取、乐观更新、即时访问、布局属性、WhenVisible、无限滚动、轮询等 v3 特性。
tailwindcss-development
Tailwind CSS 开发技能，当用户消息包含 tailwind 或需要响应式网格布局时调用。依据 Tailwind CSS v4 规范进行样式开发，提供 CSS-first 配置、导入语法、废弃工具类替换及常见布局模式参考。
technology-selection
全栈工作流第 2 阶段的技术选型技能，按开发范围（全栈/仅前端/仅后端）通过分轮结构化提问收集框架、UI 组件库、CSS 方案、后端语言框架、数据库、测试与包管理器等选择，产出选型清单。需与用户交互，不可代填。
i18n
RedisInsight UI 的国际化（i18n）约定，基于 i18next 与 react-i18next。适用于在 redisinsight/ui/** 下新增或修改面向用户的字符串、编辑语言文件或处理复数与后端错误码翻译。
ai-readability-audit
AI可读性审计工具，模拟AI爬虫视角评估网站对大语言模型的友好程度，分析结构化数据、语义HTML和Meta信息。
daisyui-config
daisyUI 5 的配置选项说明，介绍如何通过 @plugin "daisyui" 指令配置主题、根元素、包含与排除项、类名前缀以及日志输出。资料给出了无配置、仅 light 主题、全部默认设置以及一个完整示例配置的写法，并说明可用 data-theme="THEME_NAME" 在 <html> 元素上切换已启用的主题。
daisyui-usage
daisyUI 5 使用规则，用于指导在 HTML 中正确使用 daisyUI 类名进行样式设计。核心原则是优先使用 daisyUI 组件类名，必要时配合 Tailwind CSS 工具类；仅在 CSS 优先级冲突等特殊情况下才使用 ! 强制覆盖。规则涵盖组件类、部件类、修饰类、颜色、尺寸、方向、变体等分类，并说明如何通过 @utility 指令全局修改组件、使用语义颜色与 CSS 变量、排除基础模块，以及占位图、字体、默认变体等约定。
m3-web-vanilla
m3-web-vanilla 是一个用纯 CSS 自定义属性与语义类实现 Material Design 3（M3）的技能，零依赖，适合静态站点、简单 Web 应用、需要完全掌控设计令牌或作为其他框架参考实现的场景。
frontend-observability
面向 React 与 React Native 应用的可移植、框架无关的前端现场可观测性技能，涵盖类型化事件分类、尽力而为的提供方扇出、真实用户 Core Web Vitals、错误上报与同意门控，非仪表盘或特定厂商方案。
astro-ux
Astro UX 是一套面向 Astro 获客型（lead generation）网站的 UX 模式与区块模板技能，提供 Hero、功能、客户评价、CTA、FAQ 等页面区块的设计规范。其核心规则包括：移动优先设计（以 375px 为基准向上扩展）、清晰的视觉层级（每个视口只保留一个主 CTA）、先建立信任再索取信息（表单前先展示社会证明）、最小化摩擦（短表单、清晰标签）、可访问性（键盘导航、焦点状态、对比度）。区块按用途分为转化区块（Hero、CTA Banner、表单区块、最终 CTA）、信任区块（客户评价、Logo、数据统计、第三方评价）和内容区块（功能、运作方式、FAQ、关于）。同时给出移动端模式（粘性移动 CTA 条、最小 44px 的拇指友好按钮、可折叠导航、触屏友好表单输入）以及推荐的页面流转顺序。适用于 Astro 获客落地页的区块设计与页面结构规划。
ui-primitive-picker
UI Primitive Picker 是一个研究与推荐型技能，用于针对具体界面需求，在检查项目真实依赖后，从原生 HTML 元素、项目已有基础组件、无头组件或 UI 库中选出最小的可靠方案，只给一个推荐并说明理由。
syncfusion-angular-form-builder
这是 Syncfusion Angular Form Builder 的中文使用指南资料，介绍如何在 Angular 应用中实现、配置和自定义可视化表单设计器。该 Form Builder 是一款可视化设计器，通过拖拽字段到画布、在属性面板中配置、预览效果并导出 schema，生成 schema 驱动的表单定义，供 Form Renderer 使用。资料覆盖安装方式、组件 API 与事件、schema 与初始表单设置、字段组件面板、属性面板、预览与 JSON、模板、表单设置、导入导出以及常见模式与实现清单等内容，并说明了使用本技能前需要了解的各项参考文档。该技能面向表单的设计与编辑，若主要任务是渲染已完成 schema 给终端用户、处理提交值或配置渲染器表单操作，则应使用 Form Renderer 技能。
syncfusion-angular-form-renderer
本技能介绍 Syncfusion Angular Form Renderer 组件的实现、配置与自定义方法，适用于基于 JSON schema 生成 schema 驱动的 Angular 表单。它围绕单一 JSON schema 声明字段定义、布局、校验、动态行为和提交动作，可用于创建 Angular 应用并安装 Form Renderer 包、定义表单属性与布局、添加 required、pattern、minLength、maxLength 或自定义校验规则、根据前一字段答案显示或隐藏字段、构建级联下拉或依赖选项列表、用 minMaxRange 依据其他字段限制数值或日期范围、用 expressionValue 与外部引用计算值、处理提交、重置与自定义按钮动作、通过 allowMultiple 和 buttonsGroups 定义分组按钮动作，以及用自定义 Angular 模板替换内置组件。文档按入门、schema 与字段模型、校验、条件行为、动态表达式、依赖下拉、范围逻辑、远程数据绑定、数据网格特性、表单动作与模板等主题组织，并提供常见模式与实现检查清单，帮助在不虚构不支持属性的前提下生成可用的表单 schema。
syncfusion-vue-3d-chart
Syncfusion Vue 3D Chart 组件技能，用于在 Vue 应用中实现交互式三维数据可视化，支持 3D 柱状、条形及堆叠变体，含坐标轴配置、外观定制、提示与选择等交互，以及 PNG、JPEG、SVG、PDF 导出和打印。
syncfusion-vue-3d-circular-chart
Syncfusion Vue 3D Circular Chart 是 Syncfusion Vue 组件体系中的 3D 饼图与环形图（甜甜圈图）组件，用于以 3D 透视效果展示层次化和比例型数据。它支持数据标签、图例、工具提示以及点击选择等交互能力，适用于报表、仪表板与数据分析类应用。该技能以参考资料加代码示例的形式提供使用指引，涵盖安装与模块注册、Vue 2 与 Vue 3 写法差异、饼图与环形图配置、半径自定义、颜色与文本映射、数据标签格式化、图例定位与换行、提示模板、数据点选择与自定义、空点处理、3D 视角旋转（tilt）、动画配置以及打印与导出 PDF/PNG 等内容。使用前需注册必要模块，饼图系列需提供 PieSeries3D，数据标签、图例、工具提示分别对应 CircularChartDataLabel3D、CircularChartLegend3D、CircularChartTooltip3D。数据通过 dataSource 绑定，配合 xName、yName 指定分类与数值字段，可用 radius、innerRadius 控制饼图半径与环形内径，tilt 控制 3D 旋转角度，legendSettings 与 tooltip 分别配置图例和提示。安装命令、包版本、收费与授权方式、浏览器兼容性等细节在现有资料中未提供。
syncfusion-vue-accumulation-chart
Syncfusion Vue Accumulation Chart 是用于在 Vue 项目中构建饼图、圆环图、漏斗图和金字塔图等累积型数据可视化的组件技能。它覆盖组件安装与注册、图表类型选择、数据绑定、数据标签、图例配置、交互事件、导出打印以及无障碍支持等内容。技能资料以参考文档导航为主，分别提供 API 参考、快速入门、图表类型与自定义、数据标签、图例配置、高级功能与交互、无障碍与键盘支持等章节，并给出 Pie、Doughnut、Funnel、Pyramid、Semi-Pie 等图表类型的用途说明，以及常用属性、方法、事件和配置示例。适合需要在 Vue 2 项目中实现占比关系、层级流程或阶段转化可视化的开发者。