Skip to content
Agentmart
Submit a tool

hyar-framework-check

选择跨端框架前使用。适用于用户要求在 KMP、React Native、Flutter、uni-app 之间做技术选型、比较跨端框架、判断小程序/App/Web/桌面/鸿蒙/存量原生 App 适合方案,或需要根据团队技术栈、UI 策略、原生能力和交付约束推荐框架时;信息不足时必须先询问,禁止直接推荐。

Skill by Yemomo511

IndexedMIT★ 2
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/yemomo511-hyar-framework-check

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

选择跨端框架前使用。适用于用户要求在 KMP、React Native、Flutter、uni-app 之间做技术选型、比较跨端框架、判断小程序/App/Web/桌面/鸿蒙/存量原生 App 适合方案,或需要根据团队技术栈、UI 策略、原生能力和交付约束推荐框架时;信息不足时必须先询问,禁止直接推荐。

Use cases: design, frontend, agent-building

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/hyar-framework-check

What's inside

Skill name
hyar-framework-check
Description
选择跨端框架前使用。适用于用户要求在 KMP、React Native、Flutter、uni-app 之间做技术选型、比较跨端框架、判断小程序/App/Web/桌面/鸿蒙/存量原生 App 适合方案,或需要根据团队技术栈、UI 策略、原生能力和交付约束推荐框架时;信息不足时必须先询问,禁止直接推荐。
License
MIT
Instructions
124 lines in SKILL.md · view on GitHub

Files (6)

  • SKILL.md
  • decision-matrix.md · references/
  • flutter.md · references/
  • kmp.md · references/
  • react-native.md · references/
  • uniapp.md · references/

SKILL.md (first lines)

## Hyar Framework Check

## Overview

基于用户需求,选择合适的跨端框架,并向用户提出问题。

## When To Invoke

- 想知道哪个跨端框架更好
- 创建跨端 App 时
- 团队需要跨端技术选型

## Selection Gate

你需要知晓以下内容考虑做出推荐。先读取项目根目录 `.hyar/ARCH_CONTEXT.md`,已有同一前置项答案时直接复用;仍缺信息时停止推荐,只提出最少必要问题,每次对话只问 1 个问题。用户确认回答后,使用 `arch-context-collect` 记录答案,再接着询问。

1. 用户画像:完全小白、普通开发者但不懂跨端、稍微了解跨端、了解某一跨端框架。
2. 目标平台:Android、iOS、Web、小程序、windows、macOS、鸿蒙;App、SDK。
3. 常用语言: 主要弄清用户会更加接受 TS, React 生态,Android/iOS 原生生态。偏好哪种语言 Typescript, Kotlin, Dart, 原生语言等等。
4. UI DSL: 喜欢哪种 DSL,向用户展示 ComposeUI 的 `builder`形式的 UI描述还是 React 组件描述,以及其它的UI描述。
5. 原生能力:主要关注用户的需求是否需要原生系统能力,还是简单的业务需求。
6. 交付约束:上线周期、招聘维护、生态成熟度、长期演进性。

禁止在门禁未满足时输出“推荐 Flutter/RN/KMP/uni-app”。允许输出“我还不能推荐,需要先确认 X”。

## Pre-Question Best Practice

每个待确认问题都必须包含一个“最佳实践”选项,并给出可执行默认值:

- 用户画像:最佳实践默认按“普通开发者但不懂跨端”处理,避免用完全小白路径过度解释,也不假设用户已熟悉某框架。
- 目标平台:最佳实践默认先覆盖 Android + iOS App,除非用户已明确 Web、小程序、桌面、鸿蒙或 SDK 是一等目标。
- 常用语言:最佳实践默认选择 TypeScript/React 通用生态;已有 Kotlin/Dart/Vue/原生团队事实时再覆盖。
- UI DSL:最佳实践默认选择 React 组件描述,因其通用性更高;强原生 UI 或 Compose 团队再切换。
- 原生能力:最佳实践默认按“需要少量原生能力、优先复用成熟插件”处理;不要默认极重原生或纯业务。
- 交付约束:最佳实践默认选择最小可上线范围 + 最新稳定生态,先保证 App 核心路径可交付。

## Question Flow

每轮只问一个会影响结论的最高优先级问题。不要把用户画像、目标平台、团队栈、原生能力、UI 策略和交付约束打包成一组问题。

1. 先判定用户画像。

2. 确认目标平台和产品形态。

3. 确认用户的技术偏好。对于纯小白,列出各个技术的曲线难度。

4. 最后输出推荐。
   - 输出必须包含:首选方案、备选方案、不推荐方案、取舍理由、需要二次确认的问题。

## Question Template

```markdown
### 待确认问题

当前我还不能直接推荐框架,因为缺少:缺失信息名称。

问题:一次只问一个具体问题。

可选回答:
1. 最佳实践:可执行默认值 + 为什么符合最小化/最新/通用原则
2. 选项 B:适用含义
3. 选项 C:适用含义

我的推荐:如果可以根据上下文推断,给出推荐选项;否则写“需要你选择”。
```

## Decision Rules

- KMP:适合希望渐进式共享业务逻辑、保留原生 UI 或原生团队优势、已有 Android/Kotlin 资产、需要直接访问平台 API 的场景。若要求小程序作为一等目标,不把 KMP 作为首选。
- React Native:适合 React/JavaScript 团队、App 双端、需要接近原生组件和原生扩展、希望复用 React 心智的场景。若核心目标是小程序全端分发,不把 RN 作为首选。
- Flutter:适合希望单代码库覆盖多平台、统一视觉、强 UI 控制、可接受 Dart 技术栈和 Flutter 渲染体系的场景。若团队强依赖原生 UI 完全平台化或要极低成本小程序覆盖,谨慎推荐。
- uni-app:适合 Vue/前端/小程序团队、Web+多家小程序+App/鸿蒙分发、快速交付和生态插件诉求强的场景。若核心诉求是极致原生体验、复杂高性能自绘或重原生 SDK,必须提示 runtime/原生扩展成本。

详细依据按需读取:

- `references/kmp.md`
- `references/react-native.md`
- `references/flutter.md`
- `references/uniapp.md`
- `references/decision-matrix.md`

## Output Format

```markdown
## 选型结论

- 首选方案:框架名称 + 一句话理由
- 备选方案:框架名称 + 适用条件
- 不推荐方案:框架名称 + 不适合原因

## 取舍理由

- 用户画像:已确认信息
- 目标平台:已确认信息
- 团队技术栈:已确认信息
- 原生能力:已确认信息
- UI 策略:已确认信息
- 交付约束:已确认信息

## 需要二次确认的问题

1. 仍会改变结论的问题
```

## References

- `references/kmp.md`:KMP 官方理念、适用场景和边界。
- `references/react-native.md`:React Native 官方理念、适用场景和边界。
- `references/flutter.md`:Flutter 官方理念、适用场景和边界。
- `references/uniapp.md`:uni-app 官方理念、适用场景和边界。
- `references/decision-matrix.md`:四个框架的选择矩阵。

## Good Example

用户说:“帮我选跨端框架。”

正确处理:

1. 不直接推荐框架。

From Yemomo511/hybrid-agent-rail, MIT.

More from Yemomo511/hybrid-agent-rail

Signals

Stars
2
Forks
0
Open issues
0
Last commit (this folder)
May 27, 2026 (5 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
First seen
Oct 24, 2026
Last checked
Oct 24, 2026

More from Yemomo511

Cite this page

hyar-framework-check skill. Agent Mart. https://agentmart.dev/skills/yemomo511-hyar-framework-check (last updated 2026-10-24)