React Native

根据团队最佳实践交互式初始化项目结构。支持前端（Web + React Native + Flutter + 原生）、 后端、部署、文档四大模块的分层组合，覆盖从个人项目到微服务的各种场景。 当用户提到以下场景时触发此技能：初始化项目、创建新项目、项目脚手架、搭建项目骨架、 新建 repo、scaffold、bootstrap project、项目模板、项目结构、new project setup。 即使用户只是提到"开始一个新项目"或"帮我搭一下项目框架"这样模糊的说法，也应该触发。 当用户要创建移动应用、App、跨平台项目时也应触发。

在 Ant Design 3.x 为主、局部 antd4 隔离共存的 React 项目中处理表单、弹窗、表格、样式、prefixCls 和组件兼容问题时使用。

在 React Umi 2 + DVA + Ant Design 项目中新增或修改页面、列表、查询表单、弹窗、DVA model、业务组件和国际化文案时使用。

在 React Umi 项目中修改路由、菜单权限、代理前缀、request 封装、服务模块、下载导出或全局请求参数注入时使用。

通过华为MML命令创建和配置LTE小区。提供完整的MML命令模板和工作流程，指导用户完成小区创建、参数配置、邻区配置等操作。适用于华为LTE基站(BSC/RNC/eNodeB)的开局和调试场景。 **触发场景**：创建小区、配置LTE小区、MML命令、华为基站开局、小区参数配置、邻区配置、创建eNodeB。

Forces the laziest solution that actually works, simplest, shortest, most minimal. Channels a senior dev who has seen everything: question whether the task needs to exist at all (YAGNI), reach for the standard library before custom code, native platform features before dependencies, one line before fifty. Supports intensity levels: lite, full (default), ultra. Use on ANY coding task: writing, adding, refactoring, fixing, reviewing, or designing code, and choosing libraries or dependencies. Also use whenever the user says "ponytail", "be lazy", "lazy mode", "simplest solution", "minimal solution", "yagni", "do less", or "shortest path", or complains about over-engineering, bloat, boilerplate, or unnecessary dependencies. Do NOT use for non-coding requests (general knowledge, prose, translation, summaries, recipes).

将 Expo/React Native 项目通过 EAS Build 构建 iOS 包并提交到 TestFlight。支持从零配置 EAS、构建、提交全流程。

Use when launching live DeepSeek games or ablation arms, when aggregate metrics look implausible, when most turns fall back to RNG, or when estimating cost/time before a live batch.

Use when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

用於將 Windows 應用程式發佈到 Microsoft Store 的 Microsoft Store 開發者 CLI (msstore)。當被要求設定 Store 認證、列出 Store 應用程式、檢查提交狀態、發佈提交、管理套件發行、為 Store 發佈設定 CI/CD 或與小組中心 (Partner Center) 整合時使用。支援 Windows App SDK/WinUI、UWP、.NET MAUI、Flutter、Electron、React Native 和 PWA 應用程式。

基于真实项目沉淀的 React Native 移动端 App 一键构建方案。覆盖 Expo 初始化、monorepo 共享包、鉴权路由、API 适配、主题系统与构建发布。

React组件开发助手 - 生成规范的React/Vue组件代码

UI/UX 设计智能。包含 50 种风格、21 种调色板、50 种字体搭配、20 种图表、9 种技术栈 (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。支持操作：规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目类型：网站、落地页、仪表板、管理面板、电商、SaaS、作品集、博客、移动应用、.html, .tsx, .vue, .svelte。元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简主义、野兽派、新拟态、Bento 网格、暗黑模式、响应式、拟物化、扁平化设计。主题：调色板、无障碍性、动画、布局、排版、字体搭配、间距、悬停、阴影、渐变。集成：shadcn/ui MCP 用于组件搜索和示例。侧重于视觉决策”和“美学设计

在 Next.js（App Router）/ Expo（React Native）的 npm workspaces + turborepo monorepo 中，先于实现确定 JSDoc 契约，并以 5 阶段（Plan→Test→Implement→验收→Finish）+人工门控推进的 supadevops 契约优先 TDD 开发流。当添加新功能、修复缺陷、重构，或新建/变更辅助函数/Route Handler/Server Action/组件/Expo 画面/共享库时，即使未被明确要求也必须使用本技能。它施加 JSDoc 契约、tsc/jest/Playwright/Maestro、测试放置位置、类型检查的纪律，并增强 Superpowers。对于非 supadevops 对象的仓库，或不伴随设计的一行修改，不使用本技能。

React/Next.js 開發模式。定義元件結構、狀態管理、路由模式等。 Frontend Dev agent 應注入此 skill。

UI/UX 设计智能助手，适用于 Web 和移动端。包含 50+ 设计风格、161 配色方案、57 字体搭配、161 产品类型、99 UX 指南和 25 种图表类型，覆盖 10 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）。适用场景：规划、建设、创建、设计、实施、审查、修复、改进、优化、增强、重构和检查 UI/UX 代码。项目类型：网站、落地页、仪表盘、管理后台、电商、SaaS、作品集、博客和移动端应用。组件类型：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单和图表。设计风格：玻璃拟态、粘土拟态、极简主义、 brutality、 新拟态、 Bento Grid、暗色模式、响应式设计、写实主义和扁平化设计。涉及主题：色彩系统、无障碍访问、动画、布局、排版、字体搭配、间距、交互状态、阴影和渐变。集成：shadcn/ui MCP 组件搜索和示例。

当开发React组件时，设计组件架构，实现状态管理，优化性能。处理组件通信，实现复用逻辑，和最佳实践应用。

Convert admin HTML prototypes into React + TypeScript + SCSS Module pages in sapmall-admin with existing common components, routing, and API conventions. Use when user asks for 原型转前端, HTML转React, admin页面还原, 后台页面改造, 页面迁移.

面向 iOS 与 Android 的移动优先设计思维与决策方法。触控交互、性能模式与平台规范。强调原则，不给固定模板。适用于 React Native、Flutter 或原生移动应用开发。

使用 AI 生成 HTML 演示动画的自动化工作流。当用户输入一段科普内容文本并希望生成 PPT 风格的 HTML 动画演示时使用。三步流程：1) 生成基础 HTML；2) 使用 PPT 模板重构；3)（可选）使用 RNN 模板生成流程图风格的页面重构。

生成 React 组件模板，支持 Function Component, Class Component, Hooks, TypeScript，一键生成完整组件代码。

根据需求文档和UI设计图生成完整的React + Next.js项目，使用Ant Design、Tailwind CSS和Zustand技术栈。

按病例助手项目规范创建新的 React Native 组件。自动生成符合规范的组件文件（中文 JSDoc、TypeScript Props、React Native Paper 主题集成），并更新 index.ts 导出。

【React脚手架】生成 React 项目脚手架，支持 Next.js/Vite/CRA，包含路由、状态管理、API层、组件规范、测试配置。 触发时机： - 用户要求"创建React项目"、"React脚手架" - 新建前端项目需要标准化模板 - 需要统一团队 React 项目结构 生成完整可运行的项目骨架。

基于专利号清单构建小核酸企业专利技术全景。适用于用户要求获取专利原文、分析 ASO/siRNA/mRNA/RNA 药物专利组合、创建 XLSX 专利全景工作簿、分类小 RNA 技术标签，或为单家公司生成多维专利时间轴/泳道 HTML 仪表盘的场景。

[User-guided] Walk through a diff or commit range one logical unit at a time, explaining what changed and why. Discuss concerns on the spot, record agreed decisions immediately with review_record.py. Produces a standard Rn document (with optional 用户明确 blocks) compatible with review2-reply through review5-accept. Can be used standalone or as an alternative to review1-raise.

[Defender] Read a review document and write/update the Reply section for each Rn in-place. Part of a 5-stage adversarial ping-pong review: raise(R) → reply(D) → confirm(R) → execute(D) → accept(R). Requires the user to explicitly provide the document path.

[Reviewer] Evaluate Defender's replies: reach consensus (已共识·实施 / 已共识·延后 / 已共识·否决), clarify 待澄清 items (需补充回复), or escalate to user arbitration. All Rn items must exit resolved — 待裁决 and bare 已共识 are forbidden outputs. Part of a 5-stage adversarial ping-pong review: raise(R) → reply(D) → confirm(R) → execute(D) → accept(R). Requires the user to explicitly provide the document path.

当编写、修改或审查 React 组件类型、动态 renderer/component map、列表 key、条件包装、streaming UI、ReactMarkdown、自定义 render prop，或 iframe/canvas/editor/audio/video/Panel App 等必须保持实例状态的界面时使用；也适用于排查流式更新、受控 editor、beforeinput/composition/IME 输入法导致的焦点、文字选区、弹层或内嵌应用状态丢失。用于保证 React 元素身份、DOM 连续性和用户交互状态不被后台更新破坏。

Use when 用户需要React项目开发指导、代码规范制定、最佳实践落地、性能优化、架构设计时。触发场景：React开发、React代码优化、React架构设计、React Hooks使用、Next.js开发、React组件设计、React性能优化。