hyar-framework-check
选择跨端框架前使用。适用于用户要求在 KMP、React Native、Flutter、uni-app 之间做技术选型、比较跨端框架、判断小程序/App/Web/桌面/鸿蒙/存量原生 App 适合方案,或需要根据团队技术栈、UI 策略、原生能力和交付约束推荐框架时;信息不足时必须先询问,禁止直接推荐。
Skill by Yemomo511
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.
About
Use cases: design, frontend, agent-building
Reviews
Write a reviewNo 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
- 0.512score
create-curated-skill
Yemomo511
Create curated Hybrid Agent Rail Skill folders from an upstream Skill.
SkillCFreshness: C★ 2Claude Code +9 - 0.512score
create-doc
Yemomo511
Create governed documentation files for the Hybrid Agent Rail docs system.
SkillCFreshness: C★ 2Claude Code +9 - 0.509score
rn-compo-style
Yemomo511
编写、重构或审查 React Native 组件样式时使用。适用于处理 style prop、StyleSheet.create、样式数组、动态样式、平台样式差异、组件内联样式坏味道、Text/Image/View 样式组织、布局样式复用和样式可维护性问题;缺少 RN…
SkillCFreshness: C★ 2Claude Code +9 - 0.506score
skill-test
Yemomo511
评测 Skill 的仓库维护型 Skill。用于隔离待测 Skill、运行 coco 测试 Agent、生成结构化证据报告,并给出克制的修改建议;不会直接修改待测 Skill。
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
expo-brownfield
Yemomo511
Integrate Expo and React Native into an existing native iOS or Android app.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
add-app-clip
Yemomo511
Add an iOS App Clip target to an Expo or React Native app.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
expo-cicd-workflows
Yemomo511
Helps understand and write EAS workflow YAML files for Expo projects.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
native-data-fetching
Yemomo511
Use when implementing or debugging any network request, API call, or data fetching.
SkillCFreshness: C★ 2Claude Code +9 - 0.501score
arch-context-collect
Yemomo511
在用户回答任一 Skill 的前置问题后使用。适用于把架构、环境、版本、平台、包管理器、测试目标、UI 策略等前置信息写入项目根目录 .hyar/ARCH_CONTEXT.md,并在后续 Skill 提问前复用这些答案,避免重复询问。
SkillCFreshness: C★ 2Claude Code +9 - 0.499score
expo-module
Yemomo511
Guide for creating and writing Expo native modules and views using the Expo Modules API.
SkillCFreshness: C★ 2Claude Code +9 - 0.499score
eas-update-insights
Yemomo511
Check the health of published EAS Updates: crash rates, install/launch counts, unique users, payload size, and the split between embedded and OTA users per…
SkillCFreshness: C★ 2Claude Code +9 - 0.497score
create-skill
Yemomo511
创建有效 Skill 的指南。当用户想创建新 Skill,或更新现有 Skill,以通过专门知识、工作流或工具集成扩展 Agent 能力时,应使用此 Skill。
SkillCFreshness: C★ 2Claude Code +9
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
- Repository
- github.com/Yemomo511/hybrid-agent-rail
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Yemomo511
- 0.512score
create-curated-skill
Yemomo511
Create curated Hybrid Agent Rail Skill folders from an upstream Skill.
SkillCFreshness: C★ 2Claude Code +9 - 0.512score
create-doc
Yemomo511
Create governed documentation files for the Hybrid Agent Rail docs system.
SkillCFreshness: C★ 2Claude Code +9 - 0.509score
rn-compo-style
Yemomo511
编写、重构或审查 React Native 组件样式时使用。适用于处理 style prop、StyleSheet.create、样式数组、动态样式、平台样式差异、组件内联样式坏味道、Text/Image/View 样式组织、布局样式复用和样式可维护性问题;缺少 RN…
SkillCFreshness: C★ 2Claude Code +9 - 0.506score
skill-test
Yemomo511
评测 Skill 的仓库维护型 Skill。用于隔离待测 Skill、运行 coco 测试 Agent、生成结构化证据报告,并给出克制的修改建议;不会直接修改待测 Skill。
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
expo-brownfield
Yemomo511
Integrate Expo and React Native into an existing native iOS or Android app.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
add-app-clip
Yemomo511
Add an iOS App Clip target to an Expo or React Native app.
SkillCFreshness: C★ 2Claude Code +9
Cite this page
hyar-framework-check skill. Agent Mart. https://agentmart.dev/skills/yemomo511-hyar-framework-check (last updated 2026-10-24)