Agent Skills Hub

design-system-patterns

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

build-design-system

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

data-viz-plots

使用 matplotlib 和 seaborn 建立可发表等级的图表与可视化，并可在任何 LLM 环境下本地运行。

bdg

专为 AI 代理设计的终端浏览器自动化工具，通过 Chrome DevTools Protocol 提供对浏览器导航、DOM 操作、网页爬取及网络监控的持久性直接控制。

format

使用 Prettier 和 Stylelint 验证代码格式与样式规则，且不进行修改。确保代码库一致性，检测 JS/TS/CSS/SCSS 文件中的格式错误。

designer

React 与 Next.js 专家级 UI/UX 设计助手。提供视觉审核、设计系统架构，以及 Tailwind CSS 与 shadcn/ui 的实现指导，助力打造专业级 Web 应用程序。

memory

管理项目单一事实来源 (SSOT)、内存及跨工具搜索。作为 Claude Code 的 decisions.md 与 patterns.md 守护者，用于维护上下文、同步内存及追踪决策。

setup

引导新贡献者设置 Chops 开发环境，包含必备项目检查、通过 xcodegen 生成项目，以及架构导览。

calendar

管理日历行程，查询空档并在通话或对话中无缝安排会议。

personal-productivity

协助用户有效管理时间和任务。适用于缓解工作压力、改善专注力、平衡多项责任以及提升个人生产力。

performance-optimization

通过 Redis 缓存、集群运算、性能分析与监控技术，优化 Node.js 应用程序性能，打造高效且可扩展的后端服务。

data-visualization

使用 Python (matplotlib, seaborn, plotly) 创建专业数据可视化。包含图表选择指南、设计原则、无障碍标准及出版级图表的代码模板。