tables
面向 HTML 数据表格的无障碍技能，源自 mgifford/accessibility-skills。规定表格仅用于行列关系数据、禁止布局用途，并给出表头、标题、分组表头、排序筛选、分页、行选择与编辑等场景的可访问性写法与限制。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,866 个结果
json-render-react-native
@json-render/react-native 是 json-render 的 React Native 渲染器，可将 JSON 规格转换为原生移动端 UI 组件树，支持标准组件、数据绑定、可见性条件、动作与动态属性。
css-styling-expert
CSS 架构与样式专家技能，覆盖现代 CSS 特性、响应式设计、CSS-in-JS 优化、性能与无障碍，提供诊断方法与问题解决手册。
3d-website-architect
3D Website Architect 是一个用于设计、构建和部署现代高端网站的技能，强调高级动画与 Three.js、React Three Fiber 等 3D 交互体验，面向需要沉浸式视觉与产品化落地页的前端场景。
unocss
UnoCSS 是一个即时原子化 CSS 引擎，作为 Tailwind CSS 的超集，核心不预设观点，所有 CSS 工具类通过预设提供。基于 v66.10.5，涵盖配置、规则、快捷方式、主题、变体、提取及多种预设与集成。
react-component-performance
用于诊断 React 组件渲染缓慢问题并给出针对性优化建议的技能，通过隔离高频状态、稳定 props、记忆化与优化列表等方式减少重渲染，且不改变 UI 行为。
motion-v-skilld
motion-v（Motion for Vue）2.4.4 是 Motion（原 Framer Motion）的 Vue 移植，通过 props、motion 值和混合引擎为 DOM 与 SVG 提供动画能力。仅支持 ESM，需 Vue 3 与 @vueuse/core。
syncfusion-wpf-step-progressbar
用于在 WPF 应用中实现 Syncfusion SfStepProgressBar 多步骤进度条，可视化向导、订单跟踪、注册与结算等分阶段流程。支持步骤的激活、非激活与不确定状态，可横向或纵向排列，并支持 MVVM 数据绑定与模板自定义。
css-architecture
面向 Rails 应用的现代 CSS 架构指南，不依赖 Tailwind 等框架。讲解用自定义属性、@layer、light-dark() 与语义化设计令牌组织样式，涵盖文件结构、组件样式、暗色模式、工具类与第三方 CSS 集成。
generic-static-code-reviewer
该技能用于对静态站点代码进行质量审查，检查范围包括缺陷、安全问题、性能问题、无障碍缺口以及 CLAUDE.md 合规性。它强调纯 HTML/CSS/JS 标准、最小页面体积和移动优先设计。适用时机为功能完成时、提交代码前或审查变更时。技能在通用代码审查技能基础上扩展，继承其审查方法、P0/P1/P2 优先级体系和判断标准。
vite
该技能基于 Vite 官方指南、配置参考与插件页面，为用户提供 Vite 的设置、配置与插件选择指引，涵盖从入门到性能、CLI、HMR API、JavaScript API、SSR、后端集成与部署等主题。
brandfy-tipografia-web
用于为网站准备字体的技能：按语言和用途选择网页字体，核对许可，下载授权文件，登记字体清单，生成含 @font-face、font-display: swap 与回退方案的 CSS，并定义品牌排版比例。
ai-sdk-ui
基于 Vercel AI SDK v5 的 React 前端 Hook 技能包，涵盖 useChat、useCompletion、useObject，用于构建 React/Next.js AI 聊天界面、流式响应与结构化输出，并附带 v4→v5 迁移与常见流解析错误排查指引。
tailwind-css
Tailwind CSS v4 的 AI 技能，提供 CSS-first 配置、工具类、组件变体与 v3 迁移等实践规则，用于编写和审查 Tailwind 样式代码。
threejs-impl-lighting
Three.js 场景灯光配置技能：覆盖环境光、半球光、平行光、点光、聚光、面光与 LightProbe，以及基于 HDR/EXR 的环境贴图 IBL 工作流，并提示性能预算与常见错误。
angular-architecture
面向 Angular v21+ 的企业级架构技能：在 core、layout、ui、pattern、feature 五层加可选 styles 基础层之间强制单向依赖，回答代码放哪里、能否导入、如何共享等问题，并可按规则审计违规。
accessibility
面向 WCAG 2.2 AA 的无障碍开发技能，涵盖语义化 HTML、ARIA、键盘导航、焦点管理、颜色对比度与屏幕阅读器支持，提供对比度标准、键盘模式、ARIA 属性、检查清单、反模式与测试方法。
xiaohongshu-card-notes
将现有 HTML 页面、落地页、口播稿、备忘录草稿、结果表格或结构化素材，转换为小红书卡片式图片笔记的技能。输出页计划、封面标题、每页标题与正文，或仅做排版包装，适合移动端浏览的专业轮播图。
vibefigma-figma-to-react
VibeFigma 是一个开源工具，可通过官方 Figma API 将 Figma 设计转换为生产就绪的 React 组件，默认使用 Tailwind CSS 并生成 TypeScript/React 代码。支持 npx 直接运行、全局或本地安装，也提供 REST API 服务。
vueuse-motion-skilld
@vueuse/motion 3.0.3 的 Vue 3 声明式动画技能，覆盖 v-motion 指令、Motion/MotionGroup 组件与 useMotion 组合式函数，基于 Popmotion，仅支持 Vue 3 与 ESM。
frontend-enhancer
Frontend Enhancer 是一个用于提升 Web 应用视觉设计效果的前端增强技能。它专注于现代 UI 组件、布局、响应式设计、配色方案和动画效果，适用于样式与界面打磨场景。该技能强调先进行研究再动手改造：对于全新的设计方向，建议先运行 ui-research，使设计选择来自真实参考产品，而不是默认样式。它提供了配色方案选择参考表（如企业蓝、活力紫、极简灰、暖日落、海洋清新、暗色模式等及其适用场景），以及按钮、卡片、表单等组件模式规范。动画方面要求仅使用 GPU 加速属性（transform、opacity），并给出时长建议（微交互 100-200ms、过渡 200-300ms、复杂动画 300-500ms）以及尊重 prefers-reduced-motion 的无障碍处理。响应式策略给出了 base、sm、md、lg、xl 等断点与目标设备对应关系。无障碍清单包含颜色对比度不低于 4.5:1（WCAG AA）、键盘可访问、可见焦点指示、语义化 HTML、图片替代文本、表单标签、触控目标不小于 44x44px 等。此外还包含性能建议和 cn 工具函数配置代码。该技能特别强调避免"AI 感"，列出需要规避的默认蓝紫渐变、过度对称布局、通用装饰图形等红牌项，以及应具备的自定义配色、有意的不对称、独特字体搭配等人类打磨清单。
drupal-canvas
Drupal Canvas 代码组件（React/JSX）的入口技能，指向官方维护的 drupal-canvas/skills 套件，涵盖组件定义、元数据、推送、样式约定、数据获取等能力，并区分代码组件与 Twig SDC 的选择。
moai-domain-frontend
前端开发技能，覆盖 React 19、Next.js 16、Vue 3.5 与现代 UI/UX 组件架构，适用于构建 Web 界面、组件库、性能优化和无障碍设计。
regle
Regle 是面向 Vue 3 的类型安全、基于模型的 headless 表单校验库，提供完整 TypeScript 推断与响应式校验，可搭配任意 UI 框架或设计系统使用。