Agent Skill · 前端设计

native-to-weapp-vite-wevu-migration（原生 weapp vite wevu 迁移）

native-to-weapp-vite-wevu-migration 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

native-to-weapp-vite-wevu-migration 是前端设计类 Agent Skill，可用宿主为 Codex、Claude、Cursor、Gemini CLI，通过GitHub 仓库获取，权限为接触敏感数据；许可证信息还不明确，第三方扫描已通过，按安装量在前端设计类的 10,216 个 Skill 里排第 4,391。

总安装 899周安装 36GitHub Stars 公开资料未说明下载 291核验 2026-05-01

前端设计接触敏感数据 GitHub 仓库未标认证来源可访问许可证需确认审计通过 Codex Claude Cursor Gemini CLI

安装说明

本站只整理中文说明，不托管安装包，也不代用户安装。

GitHub

许可证: unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手，先确认命令和权限，再让它执行。

请帮我安装这个 Agent Skill：native-to-weapp-vite-wevu-migration（原生 weapp vite wevu 迁移）
来源仓库：https://github.com/sonofmagic/skills
仓库路径：skills/native-to-weapp-vite-wevu-migration
安装命令：
npx skills add https://github.com/sonofmagic/skills --skill native-to-weapp-vite-wevu-migration
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill；本站只展示命令，不托管安装包，也不自动执行。

skills.shnpx skills

npx skills add https://github.com/sonofmagic/skills --skill native-to-weapp-vite-wevu-migration

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法，输出通常是可运行的界面代码。

用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，支持前端迁移任务。适合在 Codex、Claude、Cursor、Gemini CLI 中跟踪仓库状态与代码变更。通过 npx 安装，需确认权限范围和维护状态，注意潜在的联网或命令执行风险。

建议结合来源仓库和原始 README 核验具体迁移流程与使用限制。native-to-weapp-vite-wevu-migration 属于前端设计类 Skill，可作为该场景下的辅助能力补充。

来源仓库内路径：skills/native-to-weapp-vite-wevu-migration

上手步骤

4 步

1
确认自己的宿主工具
公开资料标注支持 Codex、Claude、Cursor、Gemini CLI；先确认自己用的是其中之一，再按对应工具的 Skills 目录放置。
2
拿到安装命令
可以直接复制的命令是 npx skills add https://github.com/sonofmagic/skills --skill native-to-weapp-vite…；命令里的占位符换成自己的路径或密钥再执行。
3
安装后重启宿主
命令执行完要完全退出宿主工具再打开，让新装的 Skill 被重新扫描到，否则列表里可能看不到。
4
按最小权限试用
它需要接触敏感数据，先在测试目录或测试账号里跑，确认没问题再放到正式项目。

常见问题

6 条

native-to-weapp-vite-wevu-migration 怎么安装？

在终端执行 npx skills add https://github.com/sonofmagic/skills --skill native-to-weapp-vite-wevu-migr…。装完完全退出宿主工具再打开，让它重新扫描本地 Skill。

native-to-weapp-vite-wevu-migration 支持哪些 AI 工具？

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录，一般也能手动放进去，但要自己确认触发方式是否一致。

native-to-weapp-vite-wevu-migration 需要什么权限？

权限级别是接触敏感数据。该 Skill 可能接触密钥、Token、环境变量或敏感配置，应进入高风险复核队列，默认不自动发布。

native-to-weapp-vite-wevu-migration 是免费的吗？

公开资料没有标注明确许可证，收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

native-to-weapp-vite-wevu-migration 用的人多吗？

公开数据是累计安装 899 次，近一周安装 36 次，下载 291 次。这些数字来自第三方目录统计，只能当作热度参考，不代表质量或安全性。

native-to-weapp-vite-wevu-migration 安全吗？

第三方扫描结果为通过，但这只覆盖已知的静态检查项，不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

同时适配 4 种工具，换客户端不用重新找替代品。
第三方扫描已通过，常见的高风险行为没有命中。

先想清楚的地方

需要接触敏感数据，装到常用环境前要先评估影响面。
许可证没有明确标注，能不能商用、能不能再分发都不确定。
第三方目录整理，版本更新和行为细节以来源仓库为准。

适不适合你

更适合

已经在用 Codex，想直接扩展它能力的人。
需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

环境里有大量密钥、凭证，不方便给第三方 Skill 读取的人。
需要明确授权才能用到公司项目里的场景。
需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类

Skill	总安装	GitHub 星	权限	许可证	扫描
frontend-design 前端设计 · Codex、Claude	8,823,360	126,072	只读	MIT	通过
vercel-composition-patterns Vercel 组合模式 · Codex、Claude	3,858,816	25,893	需要联网	MIT	通过
vercel-react-native-skills Vercel React native skills 前端 · Codex、Claude	2,468,664	25,878	只读	MIT	通过
adapt adapt 搜索 · Codex、Claude	2,027,040	23,125	操作浏览器	未明确	通过
bolder bolder 分析 · Codex、Claude	2,004,288	23,130	只读	未明确	通过
native-to-weapp-vite-wevu-migration 原生 weapp vite wevu 迁移 · 本页	899	—	接触敏感数据	未明确	通过

按安装量取同分类前几名；数字来自第三方目录统计，只作热度参考，不代表质量结论。

SKILL.md 原文

native-to-weapp-vite-wevu-migration

用途

把原生小程序迁移到 weapp-vite + wevu + Vue SFC，遵循“行为等价优先、语义逐步升级、每步可回滚”。

何时使用

用户要把原生 Page/Component 迁到 .vue。
用户要把 setData 重构为响应式状态。
用户要迁移 properties/observers/triggerEvent。
用户要引入 definePageMeta / layout / autoRoutes / 受管 TS。
用户要在迁移后让 AI 能稳定使用项目。

不适用场景

本 skill 聚焦迁移路径和风险治理。

普通 weapp-vite 配置问题：使用 weapp-vite-best-practices。
.vue 宏或模板兼容：使用 weapp-vite-vue-sfc-best-practices。
wevu 运行时写法优化：使用 wevu-best-practices。

核心流程

先按页面族或组件族划分迁移波次，不要把迁移和大规模业务重构绑在一起。
固化迁移前基线：页面入口、关键交互、关键接口、已知异常、至少一条冒烟路径。
先做机械迁移，再做语义迁移：

- js/wxml/wxss/json -> .vue - properties -> defineProps - triggerEvent -> defineEmits - observers -> watch/watchEffect

再做运行时升级：

- this.data/setData -> ref/reactive/computed - 页面元信息走 definePageMeta - 平台分支收敛到 import.meta.env.PLATFORM

迁移后统一 AI/工具链约束：

- 先读根 AGENTS.md 与 node_modules/weapp-vite/dist/docs/*.md - 先跑 wv prepare - 明确 wv screenshot / wv compare / wv ide logs --open

每波次独立验证并保留回滚点；布局或视觉变化再补截图对比。

约束

不要在同一波次同时做迁移和架构重写。
不要把原生实例对象暴露到模板状态。
不要跳过 prepare 和 .weapp-vite 支持文件验证。
不要只看 dev 环境，不看构建产物和真实运行时。

输出

应用本 skill 时，输出必须包含：

迁移波次。
每波次任务清单。
风险点与回滚点。
最小验证命令。

完成标记

页面/组件已完成 .vue 化或明确记录留在原生的原因。
状态更新不依赖大对象 setData。
props / events 契约类型化。
.weapp-vite 支持文件和 AI 指引已对齐。
至少有一轮可复现验证覆盖关键链路。

参考资料

references/migration-checklist.md
references/api-mapping-and-pitfalls.md

平台分布

Codex

36.22%

按下载量换算105

Claude

32.98%

按下载量换算96

Cursor

17.54%

按下载量换算51

Gemini CLI

9.21%

按下载量换算27

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

接触敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置，应进入高风险复核队列，默认不自动发布。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源，建议同时核对源仓库。

继续浏览同类 Skills

更多前端设计 Skills（10,216）返回 Skills 目录

上一个 Skill

native-data-fetching（本机数据获取）

sickn33/antigravity-awesome-skills

用于辅助数据整理、表格处理、CSV/Excel 分析、指标计算和图表准备。它适合让 Agent 清洗字段、汇总数据、发现异常、生成统计口径或把分析结果转成可读说明。使用时需要确认数据来源、字段含义和时间范围，避免把样本数据当全量事实；涉及敏感数据、导出文件或批量写回时，应先确认权限和脱敏边界。

下一个 Skill

nativewind（nativewind 命令行）

dralgorhythm/claude-agentic-framework

nativewind 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。