Agent Skills Hub

build-design-system

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

components-build

根据 components.build 规范构建现代化、可组合且易于访问的 React UI 组件。适用于设计系统、组件库及可重用 UI 架构的开发与维护。

web3-testing

为 Hardhat 和 Foundry 提供的全面智能合约测试技能，包含单元测试、集成测试、Gas 优化、模糊测试与主网分叉。

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。

cross-plugin-detective

代理角色侦探技能标准化集成。将代理映射至代码分析技能，并强制执行 claudemem 以实现索引内存代码调查。

figma-design-to-code

使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码，精确处理标记、样式与设计标记整合。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 构建、审核并迭代高转化率着陆页。专注于转换率优化 (CRO)、首屏结构以及使用 Iconify 图标的高质量界面设计。

webpack

Webpack 前端开发参考工具。提供配置指南、故障排除、性能优化技巧及最佳实践，协助开发者高效管理前端构建项目。

release

自动化 Worktrunk 的发布流程，包含版本号更新、CHANGELOG 生成、贡献者鸣谢，以及发布至 crates.io 和 GitHub。

audio-extractor

从 1500 多个网站提取高质量音频，支持多种格式转换 (MP3, FLAC 等)、内嵌元数据与封面，并可批量下载播放列表。适合制作播客、音乐收藏与影音转码。

pencil-ui-design

使用 Pencil MCP 进行工业级 UI 设计的完整工作流与组件库，包含颜色、字体、间距与阴影的标准化设计规范。

template-nextjs-moderne

为 Claude Code 提供的全方位 Next.js 15 开发与项目管理技能，包含 Supabase 集成、RBAC 权限管理及自动化质量验证。