sn-motion-html
SN Motion HTML 用于制作由页面滚动进度驱动的连续镜头动效 HTML 故事：先做调研与章节/分镜设计，生成风格一致的 AI 静帧，再用 Seedance 生成场景片段与连接片段，组合为单一固定舞台上的连续镜头，并配有可复用脚本与前端模板。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,085 个结果
higgsfield-shotlist-director
将简报、剧本或故事创意转化为一份连贯的导演分镜表，输出为单个可编辑的 HTML 文件，供 Seedance 2.0 使用。包含全局风格前缀、@资产术语表和逐场景命名提示词，支持一次编辑全局同步与单场景覆盖。
paroicms-website
ParoiCMS 网站开发技能：用于开发 ParoiCMS 站点的站点架构（site schema）、主题、配置与自定义插件，涵盖 Liquid 模板、插件、CLI、目录结构与本地化文件等。
shadcn-ui
面向 shadcn/ui 的前端集成指南技能，帮助开发者发现、安装并自定义基于 Radix UI 或 Base UI 与 Tailwind CSS 构建的可复用组件，涵盖组件目录浏览、注册表管理、主题与变体定制、区块使用及可访问性实践。
stitch-react-vite-dashboard
将已批准的 Stitch 导出转换为可访问的 React + Vite 仪表盘，使用 DESIGN.md 设计令牌、TanStack Query 数据边界与响应式布局。
tavily-map
tavily-map 是 Tavily 技能，用于在已知网站中发现和筛选 URL，不抓取页面内容，速度比爬取更快。适合定位特定子页、查看站点结构，或用 map+extract 替代整站爬取。依赖 tvly CLI，需认证。
frontend-specialist
一个面向 Claude 的前端专家顶层技能，提供前端开发、UI 实现、移动应用开发与现代前端框架能力，并按子技能索引路由到最相关的领域技能，适用于实现用户界面、构建组件或开发移动应用等任务。
price-change
InboxMate 价格与功能变更流水线技能，用于在网站、应用、文档、条款、Stripe 与演示页等所有触点同步修改定价、功能分层或活动优惠券，并引导完成审计、规划、执行、验证与推送全流程。
tech-tanstack-form
TanStack Form 的类型安全表单管理技能，属于 ravnhq/ai-toolkit 中的前端技术条目。当前为草稿脚手架，尚无规则内容，官方说明暂未提供，不适合正常使用。
slide
用于创建、迭代和发布 HTML 或图片幻灯片的技能，工作目录为 /code/slides/，每个 {slug}/ 文件夹即一套幻灯片。支持 HTML 与图片两种渲染模式，要求遵循协议校验、样式服务与编辑流程。
daisyui-colors
daisyUI 5 的语义化颜色规则，说明 primary、base、info 等颜色名及其 *-content 前景色的含义与使用方式，并介绍如何启用、切换内置主题以及用 CSS 变量定义自定义主题。
sablier-design
sablier-design 是一个用于创建前端界面的技能，专注于生成具有 Sablier 暗色主题美学的、独特且达到生产级质量的 React 界面。当用户需要构建 Web 组件、页面、应用或界面时可以使用该技能。它强调在编码前先确定大胆的美学方向，避免千篇一律的“AI 味”设计，并输出真正可运行、视觉出众、细节精致的代码。
website-demo-request-lead-search
该技能用于在网站上查找演示申请表单或行动号召（CTA），提取公司名称、演示 CTA 链接、表单字段与联系信号，适合识别提供演示预约的公司。
website-schema-contact-extractor
从网站 schema.org 结构化标记中提取联系人数据（邮箱、电话、地址、组织名称、地理数据）的技能，适用于从公司网站采集结构化联系信息的场景。
ui-skills-root
UI Skills 的路由层技能，用于在 UI 相关工作开始前，通过 ui-skills CLI 选择最小可用的 UI Skills 上下文。适用于 Codex、Cursor、Claude Code 等智能体在目标明确时按类别加载技能。
website-checkout
用于在现有网站上接入 SolvaPay 托管结账与升级流程的技能：服务端创建结账会话，浏览器跳转到 SolvaPay，返回后从服务端真实状态刷新访问权限。
syncfusion-vue-heatmap
Syncfusion Vue HeatMap 组件技能，用于在 Vue 应用中创建交互式热力图，可视化二维表格数据的颜色编码值，支持坐标轴、图例、提示框、单元格选择与调色板配置。
remix-patterns
面向 Remix Web 框架的开发模式技能，汇总最佳实践与约定，涵盖路由模块、数据加载、表单处理、错误边界、嵌套路由、资源路由及性能优化等主题，强调 Web 基础、渐进增强与服务器优先。
anchor-smooth-scroll
该技能用于审查与「提供即时锚点滚动选项」相关的前端实现，属于无障碍检查规则。它关注页面内锚点导航在开启平滑滚动动画时，可能对患有前庭功能障碍的用户造成眩晕、恶心和方向感混乱的问题，因此要求将即时滚动作为默认或降级方案。检查要点包括：在 prefers-reduced-motion 生效时禁用平滑滚动；仅在 prefers-reduced-motion 媒体查询内使用 CSS scroll-behavior: smooth；确保键盘用户点击锚点后焦点移动到目标位置；确认锚点导航在键盘和屏幕阅读器下正常工作。修复方式为把平滑滚动限定在 reduced-motion 媒体查询中，默认或降级使用即时滚动，并保证焦点转移。该技能适用于审查已渲染的 HTML、交互组件或设计系统模式，可指出违反规则的具体元素、角色、标签、焦点行为或键盘交互，并说明如何用浏览器无障碍工具或辅助技术验证修复效果。完整实现细节、代码示例和框架相关指导见 references/rule.md。
aria-dialog-name
aria-dialog-name 是前端检查清单（front-end-checklist）中的一条无障碍规则，用于确保对话框（dialog）具有可访问名称。当对话框打开时，屏幕阅读器应能立即播报其用途，让用户了解焦点为何转移以及需要提供什么信息。该规则要求所有 role="dialog" 或 role="alertdialog" 的元素都必须带有描述性标签，可通过 aria-labelledby 指向标题，或使用 aria-label 直接提供字符串。它适用于审查渲染后的 HTML、交互组件或设计系统模式，帮助开发者发现并修复缺少可访问名称的对话框，从而提升屏幕阅读器用户对模态框上下文和目的的理解。
aria-hidden-focus
aria-hidden-focus 是前端检查清单（front-end-checklist）中的一条无障碍规则，用于检查并修复 aria-hidden 容器内包含可聚焦元素的问题。当键盘用户将焦点移入 aria-hidden="true" 的元素时，屏幕阅读器不会朗读任何内容，用户无法得知焦点位置或可交互内容，形成“幽灵焦点”。该规则要求 aria-hidden="true" 的元素不得包含可聚焦子元素，并给出扫描、修复与解释的流程：扫描 aria-hidden 容器中的链接、按钮、输入框等可聚焦元素；为可聚焦子元素添加 tabindex="-1" 或使用 inert 属性；并向团队解释该问题对键盘与屏幕阅读器用户的困扰。规则还提供代码审查指引，要求指出违反规则的具体元素、角色、标签、焦点行为或键盘交互，并说明如何借助浏览器无障碍工具或辅助技术验证修复效果。完整实现细节、代码示例与框架相关指导见 references/rule.md。
aria-progressbar-name
该技能用于检查进度条（progress bar）是否具备无障碍名称，属于前端无障碍审查规则之一。规则要求所有带有 role="progressbar" 的进度条元素必须通过 aria-label 或 aria-labelledby 提供可访问名称，否则屏幕阅读器用户只会听到存在一个进度条，却无法知道它代表什么任务或流程。名称应说明进度所指示的内容，同时避免在标签中出现"progress"之类的冗余文字；在数值已知时还应提供 aria-valuenow、aria-valuemin 和 aria-valuemax。对于传达状态的视觉进度计量，应使用真实的进度语义而非装饰性的 div。该技能适用于审查已渲染的 HTML、交互组件以及与进度条相关的设计系统模式，可通过浏览器无障碍工具或辅助技术验证修复效果。
aria-required-attr
aria-required-attr 是前端检查清单（front-end-checklist）中的一条无障碍规则，用于审查渲染后的 HTML、交互组件或设计系统模式，确保带有特定 ARIA 角色的元素包含该角色所必需的 ARIA 属性。某些 ARIA 角色若缺少必需属性，辅助技术将无法正确传达元素的状态或值。该规则要求识别需要特定状态或属性属性的角色，确保诸如滑块所需的 aria-valuenow 等属性存在，并验证所有必需的 ARIA 属性均已正确实现。
aria-required-children
aria-required-children 是前端检查清单中的一条无障碍（可访问性）规则，用于确保 ARIA 复合组件角色包含其必需的子角色。屏幕阅读器（如 NVDA、VoiceOver、JAWS）依赖这些必需的子角色在菜单、标签页、树等复合组件中导航和播报。若 tablist 内是普通 div 而非 role='tab'，用户将听不到任何标签页；只有 role='list' 内存在 role='listitem' 子元素时，JAWS 才会播报“list of 5 items”。缺少正确的嵌套会使整个组件对键盘用户和屏幕阅读器用户不可用。该规则适用于 WAI-ARIA 1.2 中复合组件角色的必需拥有元素，涵盖 tablist、list、listbox、menu、menubar、tree、treegrid、grid、rowgroup、row、radiogroup 等容器角色。