color-fix
color-fix 是一个用于自动修复颜色问题的技能，主要面向需要处理配色一致性与可访问性的前端或设计场景。它能够将未通过 WCAG AA 对比度标准的前景/背景颜色对调整为最接近的合格值，把近似重复的颜色统一替换为使用频率最高的变体，将原始十六进制色值转换为 CSS 自定义属性，并移除纯黑（#000）改用带色调的深色。每次修改都会展示修改前后的对比，便于核对。该技能通过 /color-fix 命令触发，具体安装与集成方式暂未提供。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,174 个结果
layout-audit
layout-audit 是一款用于审计代码库布局模式的技能：梳理所有 grid 与 flexbox 用法、间距取值、嵌套深度与响应式断点，并检查文本最大宽度、绝对定位及 gap 与 margin 的一致性。
editframe-vite-plugin
Editframe 的 Vite 集成插件，为本地开发提供按需视频转码、本地资源服务、文件 API 端点与 Vitest 可视化回归测试，便于在无云 API 依赖下开发 Editframe 合成。
tanstack-ai
TanStack AI 是面向 AI 聊天、流式响应、工具调用与多提供商集成的框架与适配器技能，覆盖 @tanstack/ai、@tanstack/ai-client、@tanstack/ai-svelte，以及 UIMessage、消息分片渲染、工具审批和 Svelte 绑定等用法。
tanstack-table
面向 Svelte 数据表格的 TanStack Table UI 状态技能，涵盖列定义、渲染、排序、过滤、分页与行标识等用法，适用于本地优先或持久化行场景。
website-spec
website-spec 是一个平台无关的网站技术规范技能，涵盖从 <title> 到 /.well-known/security.txt、从 WCAG 对比度到 llms.txt 的各类技术要点，面向人类与 AI 智能体，可离线运行，适合隔离网络与高隐私场景。
impeccable
Impeccable 是一套面向前端界面的设计质量系统，包含 21 个专项动作，用于审计、优化和提升 UI 质量。通过 @impeccable 加动作名调用，如 audit、polish、critique 等。
shadcn-ui
面向 React/Next.js 项目的 shadcn/ui 使用技能，覆盖组件安装、定制、组合、调试与优化，强调组件代码归项目所有、通过组合与变体构建生产级界面。
overdrive
overdrive 是一个让界面突破常规限制的前端技能，通过着色器、弹簧物理、滚动驱动揭示和 60fps 动画等技术手段，使界面体验更出色。
react-state-management
一份关于现代 React 状态管理的技能指南，覆盖 Redux Toolkit、Zustand、Jotai 与 React Query，用于搭建全局状态、管理服务端状态及在方案间做选择。
svelte
面向 Svelte 框架的技能指南，涵盖组件、响应式、store、过渡与编译，并涉及 SvelteKit 或 Vite+Svelte 的配置、路由与部署。适用于编写 Svelte 组件、响应式声明与逻辑，以及需要遵循最佳实践或快速上手核心概念的场景。
angular
Angular 企业级应用开发协助技能，覆盖 Signals 细粒度响应式、Standalone 组件、依赖注入、RxJS 与 SSR，适用于构建企业级单页应用、现代响应式前端、渐进式 Web 应用与混合移动应用，以及复杂表单与校验流程。
bootstrap
Bootstrap 5 专家辅助技能，覆盖 12 列网格系统、Flexbox 工具类、组件与响应式断点。适用于快速原型开发、管理后台与内部工具界面搭建，以及基于 Sass 的设计系统定制。资料同时给出快速上手 HTML 模板、网格与 Flexbox 布局示例、Sass 变量覆盖、原生 JavaScript 组件初始化、响应式导航栏模式、最佳实践与常见问题排查。
detox
Detox 是面向 React Native 的移动端端到端自动化测试框架，采用灰盒方式在应用内部运行并监控主线程，自动等待应用空闲，减少手动 sleep 带来的不稳定，支持 iOS 与 Android 模拟器/仿真器。
parcel
Parcel 是一款“零配置”打包工具，开箱即用支持 React、Vue、Rust（Wasm）等，v2.12 采用 Lightning CSS 提升性能。本技能提供零配置打包、转换插件、SVG/CSS/SCSS 资源管线、代码分割与多目标构建等专家级协助。
react
面向 React 19 的专家级辅助技能，覆盖 Server Components（RSC）、hooks、编译器优化与并发特性，适用于构建现代 Web 用户界面。
vuetify
Vuetify 是面向 Vue 的综合 UI 工具库，v3（Titan）为 Vue 3 与 Vite 构建，提供 Material Design 组件、数据表格、响应式布局与主题能力，适合快速搭建企业级管理界面与仪表盘。
migrate-container-queries
Sentry 前端容器查询迁移指南，用于把基于视口的响应式逻辑（@media、useMedia、screen: 前缀响应式属性）改为容器查询，让组件按自身可用空间响应。强调按像素值而非同名键映射断点，并必须做视觉检查。
token-lint
token-lint 是 vapor-ui 提供的确定性检查脚本，用于扫描指定路径下 CSS/SCSS/Sass/Less/TS/TSX/JS/JSX 文件中的 var(--vapor-...) 引用，报告不在正式 vapor 设计令牌集合中的名称，并给出最接近的候选令牌建议。
frontend-slides
frontend-slides 是一个用于创建零依赖、动画丰富的 HTML 演示文稿的技能，可从零新建或转换 PowerPoint 文件。它以单 HTML 文件内联 CSS/JS 运行，强调视觉预览式风格选择与严格视口适配。
accessibility-patterns
Web无障碍（a11y）实践合集，覆盖WCAG合规、ARIA用法、语义化HTML、键盘导航与焦点管理。强调优先使用原生HTML元素而非ARIA，并提供组件角色、状态、实时区域、标签、键盘交互、颜色对比、动效偏好、表单与图片替代文本等模式及测试方法。
react-tanstack-testing
面向 React 与 TanStack 生态的专项测试技能，结合 Vite 与 Vitest，为 Query、Router、Table、Form 提供测试示例、参考、模板与检查清单，适合验证服务端状态管理与复杂路由。
duskmoon-art-components
用于在 React 或 Next.js 应用中添加 CSS 艺术插画的技能，基于 @duskmoon-dev/art-components 提供外部 @duskmoon-dev/css-art 的 React 包装组件，并说明组件选择、样式引入与无障碍用法。
duskmoon-components
用于在 React 或 Next.js 项目中构建 @duskmoon-dev/components 界面的技能，涵盖安装、样式引入、导入方式与常用组件用法。