vendure-admin-ui-reviewing
用于审查 Vendure Admin UI 扩展的 Claude Code 技能，检查 React 模式违规、缺失 hooks、状态管理不当与 UI 反模式，按严重程度分类并给出修复建议。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,011 个结果
conventional-commits
依据 Conventional Commits v1.0.0 规范生成 Git 提交信息，采用 Angular 约定类型。适用于创建提交、撰写提交说明等场景。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
mph-figure
把 Markdown 或 HTML 渲染成清晰准确的 PNG 图片（表格、数据图、统计卡片），主要供 Substack 文章内嵌使用。通过 Playwright 在真实浏览器中排版并截图，CSS 还原度高，支持表格列对齐与主题设置。
pp-costco
pp-costco 是一个只读的 Costco 购买历史命令行工具，可突破官网 2 年展示上限，拉取仓储、加油和线上订单记录，计算消费与省钱统计，并建立本地 SQLite 归档供离线查询。
neon-auth-react
用于在 React 应用（Vite、CRA 等）中集成 @neondatabase/auth 认证的配置技能，涵盖适配器、认证客户端与 UI 组件搭建，适用于仅需认证、无需数据库且非 Next.js 的项目。
web-shader-extractor
从实时网页中提取 WebGL、WebGPU、Canvas 或着色器特效（如动态渐变网格、流体/元球、高斯泼溅场景等），并生成可独立运行的本地基线的技能。
frontend-slides
frontend-slides 用于从零生成或转换 PowerPoint 的、无依赖动画丰富的 HTML 演示文稿，所有内容在浏览器中运行。它以单 HTML 文件、内联 CSS/JS 为核心，强调每个幻灯片严格适配 100vh、无滚动，并通过风格预览让用户选择设计方向。
swiftui-liquid-glass
面向 SwiftUI 的 iOS 26+ Liquid Glass 技能，用于采用、审查或改进使用原生玻璃效果 API 的界面功能。
platform-visual-standards
汇总 iOS 26 Liquid Glass、SF Symbols 7、Material 3 Expressive、Web CSS 2025-2026 等平台视觉规范的技能文档，供设计推荐时引用各平台原生视觉语言。
data-dashboard
data-dashboard 是一个面向 UI/UX 智能体技能的“数据仪表盘”构建技能，用于制作信息密度高、以数据为主的屏幕，例如分析控制台或交易终端。它要求先明确读者与决策、领先指标、更新频率和合理密度，再按分带布局组织英雄指标、次级数字、多种图表形状、可排序表格与日志以及页脚，避免四张等宽统计卡片的模板化外观。所有图表均使用内联 SVG（viewBox、CSS 定尺寸、--color-chart-* 填色），不依赖图表库或运行时，涵盖柱状图、K 线、成交量、移动平均、折线/迷你走势、堆叠面积、深度图、瀑布图、环形图、径向仪表、散点/气泡、相关矩阵、热力图和订单簿等。技能强调领域正确性（相关矩阵对称、堆叠面积求和、瀑布闭合、深度单调、环形图总数正确）、逐图无障碍契约（role="img"、aria-label 或 title/desc、不以颜色单独编码含义、表格 caption 与 scope、真实可交互状态）以及实测才能发现的陷阱（图表配色不作文字色、过渡中不可运行 axe、手机裁列、栅格拉伸、auto-fit 丢列、分类标签缺失、sr-only 定位祖先等），并提供量测、状态、无障碍、响应式、交互与审美审计脚本的验证循环，最后需在两种主题和两种宽度下截图人工检查。
scaffold
Scaffold 是 SAP fundamental-ngx 项目提供的一个技能，用于按照 fundamental-ngx 的设计模式生成可运行的 Angular 组件。它支持 dialog（模态对话框）、table（数据表格）、card（内容卡片）、form（表单布局）、shell（应用外壳与导航）、layout-grid（响应式网格布局）等模式。该技能通过解析用户传入的模式名称，借助 @fundamental-ngx/mcp MCP 服务器获取最新的使用指南、组件 API 和示例，然后选择变体、确定目标路径，最终生成包含 TypeScript、HTML 模板和 SCSS 的完整组件文件，并遵循 Angular 19+ 的现代写法（如信号、@if/@for 控制流、OnPush 变更检测）。生成后还可通过 NX 或 Angular CLI 构建验证编译。
svelte-components
Svelte 组件模式技能，用于 Web Components、组件库（Bits UI、Ark UI、Melt UI）、表单模式以及第三方集成。
column-faceting
column-faceting 是 TanStack Table 的一个功能技能，用于构建分面筛选（faceted filter）界面。它基于核心、表格功能与列筛选能力，通过 columnFacetingFeature、facetedRowModel、facetedUniqueValues 和 facetedMinMaxValues 等 API，从数据中派生出筛选选项，例如离散值的唯一值计数以及数值列的最小/最大值范围。该技能只负责派生筛选选项，不负责渲染筛选控件。使用时需在 tableFeatures 中为每个分面 getter 注册对应的工厂槽位，并配合 filteredRowModel 让分面结果响应表格的其他活动筛选条件。适用于需要为表格提供动态筛选选项计数的场景，例如按状态、类别等离散字段生成带计数的选项列表，或为年龄等数值字段生成范围。注意：分面会刻意排除该列自身的筛选而应用其他筛选；在服务端分页场景下，客户端分面只能看到已加载的数据，需改用服务端分面。
create-table-hook
TanStack Table 的 React 技能，用 createTableHook 工厂构建可复用的表格基础设施，统一绑定特性、默认值与组件注册表，并提供 useAppTable、createAppColumnHelper、useTableContext 等辅助工具。
animation-performance
前端性能检查规则：动画应使用 transform 与 opacity，避免触发重排重绘。该技能用于审查样式表、组件样式及响应式状态中动画相关声明，标记使用 top、left、width、height、margin 等触发布局属性的动画并给出优化建议。
vben
Vue Vben Admin monorepo 项目专家技能，用于页面开发、组件使用、路由与 API 定义、状态管理、适配器模式、国际化及权限控制等任务，支持 web-antd、web-ele、web-naive 等应用变体与共享包。
frontend-quality-guardrails
前端质量护栏技能，用于构建、修改或审查前端 UI 时校验长文本溢出、布局、响应式、可访问性与视觉细节。强调以对抗性内容测试界面，优先做局部 CSS 修复，保留既有设计系统。
convert-url-to-nextjs
将线上 URL 或 .html 快照按“原样”重建为像素级还原的 Next.js 项目，适用于前端仓库丢失、只剩生产构建的场景。输出按页面类型划分的 Next.js 模板与路由映射，便于后续接入 CMS。
generate-import-html
generate-import-html 是 Adobe helix-website 项目中的一个技能，用于为 AEM Edge Delivery Services 生成结构化 HTML。它根据前序技能产出的作者分析结果，创建分节结构、应用块表格、处理元数据并管理图片文件夹。该技能由 page-import 技能在第四步调用，需要作者分析、分节样式决策、metadata.json、cleaned.html 以及已获取的块结构作为前置输入。生成时只输出分节内容，不包含 html、head、body、header、footer 或 main 标签，这些由 AEM CLI 自动包装。技能强调必须完整导入页面全部内容，禁止截断、省略或使用占位符，并要求校验分节数量与识别结果一致。
react-component
用于生成 React 组件的中文技能，覆盖 TypeScript、hooks、状态管理与无障碍实践，支持函数组件、自定义 hooks 和 Context Provider。触发方式为 /react 命令或用户提出 React 组件、React hooks 相关请求。
tauri-architecture
面向 Tauri v2 桌面应用的架构技能，覆盖 Vite + React + TanStack Router 文件路由与 TanStack Query 的采用、审计与改造，强调前端打包、IPC、能力权限与安全边界。
litestar-static-files
Litestar 静态文件技能：用 create_static_files_router() 挂载静态资源，控制挂载路径、内联/下载、HTML 模式、缓存策略、URL 反转与自定义文件系统，并兼顾符号链接与目录边界安全。
frontend
面向 React、Vue、Angular 与现代 JavaScript/TypeScript 的前端开发专家技能，用于创建组件、实现 Hooks、处理状态、表单、数据请求、样式、性能优化、测试、无障碍与安全等前端任务。