fixing-accessibility
fixing-accessibility 是一个用于审查并修复 HTML 无障碍问题的技能，覆盖 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误等，适用于按钮、链接、输入、菜单、对话框、标签页、下拉框等 UI 工作。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,083 个结果
fixing-motion-performance
用于审计并修复 UI 动画性能问题的技能，覆盖布局抖动、合成器属性、滚动联动动画与模糊滤镜等场景，可在现有动画栈内给出违规位置与代码级修复建议。
tanstack-react-store
TanStack Store 是一个框架无关的响应式数据存储库，配合 @tanstack/react-store 在 React 应用中实现全局状态管理，支持创建可写与派生 store、订阅、批量更新及细粒度重渲染。
tanstack-virtual
TanStack Virtual 的 React 无头虚拟化方案，用于渲染大型列表（100+ 项）、虚拟滚动与无限滚动信息流。安装：npm install @tanstack/react-virtual。
layerchart
LayerChart 是一个基于 Layer Cake 的 Svelte 数据可视化组件库，提供可组合组件，用于构建笛卡尔、径向、层级、地理和图形等多种响应式交互图表。
html-css
提供现代 HTML5 与 CSS3 协助的技能，涵盖语义化标记、Flexbox、CSS Grid、容器查询、CSS 自定义属性与响应式设计系统，用于构建可访问、SEO 友好的网页结构与自适应布局。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
modern-css
modern-css 是一个用于编写、审查或重构 CSS 与 HTML 的技能，主张优先采用满足项目浏览器目标的最小原生 HTML/CSS 方案，替代旧式 CSS、JavaScript 驱动的表现、预处理器、布局 hack 等。
iblai-agent-history
iblai-agent-history 是一个用于 Next.js 应用的技能（Skill），用于为应用添加智能体（Agent）的 History 标签页。该标签页展示对话历史，支持评分、摘要、主题标签，并提供按用户、日期范围、情感和主题的筛选；还包含对话预览、分页插槽以及可选的导出功能。它是更广泛的 agent-settings 家族中的一个标签，所有标签共享同一个 AgentSettingsProvider 包装器。该技能依托 ibl.ai SDK（@iblai/iblai-js）组件构建，遵循 ibl.ai 品牌规范，要求优先使用 SDK 组件、其次使用 shadcn/ui，不得自定义样式或深色模式。使用前需完成鉴权、配置 MCP 服务器与技能，并由 AgentSettingsProvider 包裹路由，同时需要用户提供真实的 mentorId（代理 UUID）。完成后须运行 /iblai-ops-test 验证并启动开发服务器。
frontend-syntax-js-es2024-ts-dom
面向前端开发者的 ES2024 与 TypeScript DOM 语法技能参考，聚焦 DOM 边界上的新特性与类型收窄模式，涵盖分组、深拷贝、Promise、迭代器辅助方法、scheduler.yield()、严格模式配置与 Import Attributes。
react-router
React Router V7 的编码与审查技能，覆盖 loaders、actions、表单、路由、中间件与错误处理的模式与最佳实践，适用于编写或评审 React Router 代码。
frontend-ui-best-practices
面向 React + shadcn/ui 前端项目的技术栈基线与模块文档规则技能，包含 4 条规则，覆盖包管理器、构建工具、框架、组件库、样式文件拆分与 README 文档约定。
astro
Astro 是一个用于构建快速网站的 Web 框架，支持 SSG、SSR 和混合渲染，以及组件群岛（islands）架构。适用于内容型站点（博客、文档、营销页）与需要按页面选择静态或服务端渲染的场景。
review
该技能把 Fowler、Torvalds、Carmack、React 核心等多位评审者视角集中到一个 Skill 中，让 Claude 在用户要求代码评审时挑选或组合专家视角，按需加载对应参考文档或派生子代理，从性能、架构、可读性等方向给出评审意见。
vite-tanstack
面向 Vite + React + TypeScript 项目的 TanStack 配置指南，覆盖 Router、Query、Form、Table 四个可选模块，以及统一的 DevTools 配置方式。
web-design
网站设计与 UI 设计指导技能，帮助用户做布局、配色、字体、间距与组件等设计决策，并输出 CSS 变量或 Tailwind 配置形式的设计 Token，默认兼顾 WCAG 2.1 AA 无障碍要求，并可按清单审查现有设计的无障碍问题。
frontend_design
frontend_design 是一个前端设计技能，用于创建独特、生产级、高设计质量的网页界面，避免通用 AI 风格。适用于构建 Web 组件、页面、海报等，强调排版、配色、动效与空间构图。
vue-expert
vue-expert 是一个面向 Vue 3 开发的高级技能（Skill），适用于使用 Composition API、Nuxt 3 或 Quasar 构建应用。它可用于 Pinia 状态管理、TypeScript 集成、PWA 与 Capacitor 移动应用、Vite 配置等场景。该技能以资深 Vue 前端工程师的角色提供指导，覆盖组件设计、可复用 composable、响应式与性能优化、组件测试等工作流，并遵循必须使用 <script setup> 与 Composition API、禁止使用 Options API 与 Vuex 等约束，同时强调对生产环境有影响或破坏性操作需先获得明确确认。
meisijiya-frontend-taste
该技能用于在编写 React/Vue/Svelte/Tailwind 等前端营销页、作品集或品牌官网时，强制施加一套“反 AI 默认风格”的硬性设计规则，避免千篇一律的居中紫色渐变、玻璃拟态与模板化卡片。仅适用于落地页、作品集等，不用于后台仪表盘。
meltflex-embed
MeltFlex 网站嵌入（meltflex-embed）：通过一个 iframe 把 MeltFlex AI 室内设计工具放到用户自己的网站、商店或产品页上，访客上传房间照片即可在该页面获得设计，无需账号，每次设计消耗站点所有者 10 积分。
facebook-messenger
通过 Membrane CLI 集成 Facebook Messenger 的 AI 技能，可管理用户、联系人、快拍与表情回应，适用于需要与 Facebook Messenger 数据进行交互的场景。
nextjs-stripe-integration
用于在 Next.js 项目中集成 Stripe 支付处理的技能，涵盖一次性付款、订阅、Webhook 与客户管理，基于现代 Stripe API 的实战经验，并强调 redirectToCheckout 已废弃等破坏性变更。
format-storybook
用于组织与规范化 Storybook 文件的技能，基于 Cassondra Roberts 的“可扩展的 Storybook 格式”文章，提供文件结构、故事定义、控件分组、模板复用、视觉回归测试与可访问性等约定，帮助组件库长期可维护。
frontend-developer
面向 React 19+ 与 Next.js 15+ 的前端开发技能，用于构建组件与页面、实现响应式布局、处理客户端状态管理，并覆盖服务端组件、Server Actions、性能优化与无障碍等现代前端架构实践。