Agent Skills Hub

buildwithclaude

分析网站以获取设计灵感，提取色彩、排版、布局和 UI 模式，并建立结构化的设计分析报告。

baoyu-xhs-images

[已弃用] 生成小红书图片系列，将内容转化为 1-10 张卡通风格图卡。提供 12 种视觉风格、8 种排版及配色选择，专为小红书推广与社群互动设计。

frontend-design-pro

打造价值 $50,000 美元级别的专业前端界面，提供生产级代码、精选排版与高质量影像素材整合。

french-claude

专注于设计的编程代理，为您的开发工作流程带来世界级的人机界面工艺、动态设计与系统化前端工程。

claude-code-web-cli

使用 Clerk 的无头 UI 原件（Headless UI Primitives）为 Next.js 应用程序构建完全自定义的身份验证界面。

ui-ux-reviewer

根据四大权威标准（NNg 10 启发式评估、UX 法则、Apple HIG、WCAG）分析 UI/UX 品质，为移动端及网页组件提供基于证据的设计与无障碍优化建议。

presentation-reviewer

基于顶级咨询标准（McKinsey, BCG）的 PowerPoint 演示文稿审阅工具，支持逻辑架构、叙事、清晰度、设计与 DSFR 合规性分析。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 代码，包含辅助功能、响应式布局及完善的状态处理。

make-slide

生成专业的单文件 HTML 演示文稿，内置演讲者备注。支持多种主题、布局及 PPTX 导出，适用于演讲、幻灯片及提案。

creating-mermaid-diagrams

生成兼容 GitHub 的 Mermaid 图表，包含经测试的配色方案、本地 SVG/PNG 预览以及基于 Gist 的渲染预览。

aesthetic

运用系统化设计原则、AI 评估与自动化灵感分析，打造美观的用户界面。

pellicule

Pellicule 是一个 Vue 原生的程序化视频生成库，让您能够直接从 Vue 组件渲染出确定性的视频、动画与动态图形。