Agent Skills Hub

nano-image-generator

使用 Nano Banana Pro (Gemini 3 Pro) AI 模型生成应用图标、Logo、营销横幅及各类插图等专业视觉素材。

tool-use-structured-output

利用 Bedrock 工具调用功能强制 Claude 模型输出结构化 JSON，消除解析错误并确保架构合规性。

css-modules

基于 Lightning CSS 或 PostCSS 的 CSS Modules 组件封装策略，包含 TypeScript 集成与 Vite 配置。

playwright-best-practices

提供编写 Playwright 测试的最佳实践指南，包含定位器策略、断言规范及 CI/代理集成建议。

svelte-code-writer

用于 Svelte 5 文档查询与代码分析的 CLI 工具。通过实时文档检索与自动修复功能，优化 Svelte 组件的开发、调试与检查流程。

react

LobeHub React 组件开发指南，包含 antd-style 样式、@lobehub/ui 布局与路由管理。

figma

利用 Figma MCP 服务器获取设计数据、提取资源，并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。

qstash-js

使用官方 Upstash QStash JavaScript/TypeScript SDK 来管理无服务器消息传递、任务调度与 Webhook 验证。

Parallel Routes Generator

实现 Next.js Parallel Routes 模态窗口以消除页面布局偏移 (layout shifts)。适用于对话框、模态窗口及拦截路由 (intercepted routes)。

flutter-errors

诊断并解决常见的 Flutter 运行时与布局错误，包括 RenderFlex 溢出、无界约束以及状态管理问题。

vscode-playwright

使用 Playwright 和 serve-web 自动截取高质量 VS Code 屏幕截图，适用于文档、演示文稿及技术视觉内容。

build-design-system

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