Agent Skills Hub

build-design-system

使用 Design Graph 方法论构建连贯且基于约束的设计系统。自动化设计令牌、排版比例、组件、变体及主题的创建过程。

design-system-patterns

掌握设计系统架构：实现设计标记 (design tokens)、多品牌主题、组件库以及自动化设计转代码流程，建立可扩展的 UI 基础。

code-documentation

标准化代码文档：自动化编写 README、API 参考文件、JSDoc/TSDoc 与架构决策记录 (ADRs)，以维持清晰且专业的技术指南。

context-cascade

为 Claude Code 设计的嵌套插件架构，通过动态加载 Playbooks、Skills 与 Agents，有效节省超过 90% 的上下文标记空间。

Building Frontend Dashboards

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

server-components

Next.js React Server Components (RSC) 指南，涵盖服务器与客户端组件边界、数据获取及组合模式。

auto-skill-generator

研究技术文档并自动生成可直接使用的 Markdown 格式软件代理技能。

tamagui-best-practices

Tamagui 库架构、配置、编译器优化与组件模式的最佳实践。

frontend

Preact 与 Tailwind 的前端编码规范。适用于集群应用程序的网页 UI 组件开发。

ui-styling

使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form，并实践响应式移动优先开发。

french-claude

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

mobile-android-design

掌握 Material Design 3 与 Jetpack Compose 进行原生 Android 界面开发。利用 Google 最新标准构建响应式且无障碍的应用程序界面。