Agent Skills Hub

buildwithclaude

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

best-practices

应用现代网页开发最佳实践，涵盖安全性、兼容性与代码质量。适用于安全性审计、代码现代化与质量检查。

baseline-ui

执行意见化的 UI 基准，利用 Tailwind CSS、Radix UI 和 Framer Motion 确保界面一致性、无障碍与高性能，防止设计质量劣化。

frontend-design-pro

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

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 构建响应式 React 仪表板。适用于制作 KPI 卡片、数据表格、Recharts 图表及 event-studio 管理后台。

french-claude

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

skill-orchestrator

通过分析可用技能、制定结构化执行计划并管理手动或委派的多步骤工作流程，来统筹复杂的编程任务。

my-openlayer-helper

使用 my-openlayer 库初始化 OpenLayers 地图、管理图层，并渲染点、线、面及动画标记等地理特征。

wednesday-design

UI/UX 设计助手，为 React/Next.js 项目强制执行组件库使用规范、可访问性与设计标记。确保使用 shadcn/ui、Aceternity 等核准库来保持视觉一致性。

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

pellicule

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

interface-design

为实用型应用程序提供界面设计指引，专注于仪表板、管理面板与数据密集型界面，采用以组件库为先的开发模式。