此技能提供使用 Next.js、React 19 和 shadcn/ui 构建现代前端应用程序的全面指南。它涵盖服务器组件、数据获取、表单、样式和性能优化等基本模式。

API代码在代码库中变得分散且不一致。本技能提供了一个标准化的5文件模式，用于组织API端点、类型和客户端，具有完整的TypeScript安全性和基于角色的访问控制。

用户需要将本地 LLM 功能集成到 React 应用程序中。此技能提供逐步指导,帮助安装 bodhi-js-sdk、配置 OAuth 身份验证,以及使用 Bodhi Browser 生态系统构建流式聊天界面。

Neovim 配置问题会导致挫败感和生产力损失。此技能通过假设检验进行系统化诊断，快速定位根因并恢复功能。

需要以编程方式导航网站、填写表单或截取屏幕截图。此技能提供 CLI 命令来控制 Playwright 浏览器会话，使用可访问性树进行可靠的元素定位。

使用 GitHub PR 工具自动化代码审查工作流。检查 PR 是否需要审查，找到相关规范文件，并直接从 CLI 发布内联评论。

代码审查非常耗时，而且可能遗漏重要问题。此技能使用多个专门的AI代理来自动审查拉取请求，并使用置信度评分来过滤误报并突出真正的问题。

复杂的后端系统需要坚实的架构基础。本技能提供六边形架构、领域驱动设计、SOLID原则和代码质量方面的专家指导，帮助您构建可维护和可扩展的应用程序。

在没有完整上下文的情况下处理 GitHub 问题和 PR 会导致误解和信息遗漏。本技能教导 AI 主动使用 GitHub CLI 命令来检索 PR 描述、审查评论、CI 状态、问题讨论和仓库信息。

在代码之后编写测试会导致未测试的行为和设计问题。本技能提供严格的TDD工作流，通过红绿重构循环驱动更好的代码设计。

当类承担多个职责且紧耦合时，代码变得难以维护。本技能提供 SOLID 原则的清晰解释和示例，帮助您设计更易于扩展、测试和修改的软件。

代码被阅读的次数远多于被编写的次数。本技能帮助您编写人类可理解的代码。它提供了经过验证的命名、函数、注释和错误处理原则，能够提高代码的可读性和可维护性。

API 经常出现命名不一致、URL 结构欠佳以及 HTTP 方法使用不正确的问题。本技能提供清晰的指导原则，用于设计直观、可扩展且易于维护的 API。

Scoop 新闻平台的前端存在布局混乱、垂直空间过度使用以及设计模式不一致的问题。本技能提供结构化的工作流程，以压缩布局、提高密度、添加snap-scroll导航，并在整个前端强制执行无表情符号的清晰策略。

设置新项目太耗时。Genesis 可以在不到一分钟内使用生产级模板搭建 React、Python、Go 和 Taro 项目。模板包含现代技术栈、最佳实践和完整文档。

TypeScript 应用程序通常缺乏 proper input validation，导致运行时错误和安全漏洞。本技能提供全面的 Zod 验证模式，用于通过类型安全的模式来验证 API 请求、表单数据和用户输入。

不使用严格模式编写 TypeScript 会导致运行时错误和可维护性问题。本技能提供全面的模式，包括显式类型、类型守卫和错误处理，使 AI 助手从第一行代码开始就能生成生产就绪的 TypeScript 代码。

TypeScript 项目经常受到隐式 any 类型和松散错误处理的影响。本技能提供清晰的规则和示例，用于编写类型安全、生产就绪的 TypeScript 代码，防止运行时错误。

在代码之后再写测试会导致测试覆盖出现缺口且测试脆弱。此技能通过清晰阶段指导 TDD 循环：Red（编写失败测试）、Green（最小实现）与 Refactor（在测试保持通过时改进代码）。

在 React 应用中管理服务器状态与客户端状态会带来复杂性，拖慢开发并损害用户体验。此技能提供经过验证的模式，用 TanStack Query 处理数据获取以分离服务器状态，并用 Zustand 管理 UI 状态。