dev

面向 Web 和移动端的 UI/UX 设计智能。包含 50+ 种风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 准则以及 25 种图表…

使设计适配不同的屏幕尺寸、设备、环境或平台。实现断点、流式布局和触摸目标。适用于……

当用户要求“构建 Solana dapp”、“编写 Anchor 程序”、“创建代币”、“调试 Solana 错误”、“设置钱包连接”、“测试我的 Solana…”时使用

有效地规划和组织软件开发任务。适用于分解功能、创建用户故事或规划迭代。处理任务分解，…

创建适用于所有设备和屏幕尺寸的响应式网页设计。适用于构建移动优先布局、实现断点或优化……

Node.js 开发原则与决策制定。涵盖框架选择、异步模式、安全性与架构。授人以渔，而非生搬硬套。

当用户想要“创建技能”、“向插件添加技能”、“编写新技能”、“改进技能描述”、“整理技能……”时，应使用此技能。

使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index)，识别…

React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式。

用于本地开发的 Docker 与 Docker Compose 模式，涵盖容器安全、网络、数据卷策略及多服务编排。

按照平台精确规格创建 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、展示图排序、设备模型以及预览视频……

Next.js 16+ 与 Turbopack —— 增量打包、文件系统缓存、开发速度，以及何时选用 Turbopack 与 webpack。

面向AI辅助开发的回归测试策略。无数据库依赖的沙盒模式API测试、自动化缺陷检查工作流及模式……

在真实浏览器中进行测试。适用于构建或调试任何在浏览器中运行的项目。当需要检查 DOM、捕获控制台错误、分析……时使用。

面向医疗应用的 EMR/EHR 开发模式。临床安全、就诊工作流、处方生成、临床决策支持集成……

临床决策支持系统 (CDSS) 开发模式。药物相互作用检查、剂量验证、临床评分 (NEWS2、qSOFA)、警报严重程度……

每一个实现决策均以官方文档为依据。适用于需要权威的、附带源码引用且无过时模式的代码的场景。适用于……

执行 `dart analyze` 以识别警告和错误，并使用 `dart fix --apply` 自动解决机械化的 lint 问题。在开发过程中使用以…

从代理设备检查和分析 React Native 组件树。用于 React Native 性能分析、属性、状态、Hooks、渲染原因、慢…

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。