figma-to-nextjs-migration
figma-to-nextjs-migration is a Migrations, upgrades & porting skill for AI agents, published by fufankeji in the FuFan-VibeCodingCourse repository on GitHub. Skillspace rates figma-to-nextjs-migration C (72/100) and it passed the safety scan; the rating is based on static analysis only.
把 Figma Make / v0.dev / Bolt / Lovable 等 UI 原型生成器产出的 Vite + React Router 项目, 搬家(迁移 / 搬运 / 换成 / migrate / port)到 Next.js 15 App Router 生产脚手架。覆盖路由 迁移(react-router → next/link + next/navigation)、样式系统合并(globals.css + @theme + @custom-variant dark)、字体切换(@import Google Fonts → next/font/google)、客户端组件 标注("use client")、Hydration mismatch 修复(seededRandom 替换 Math.random)、shadcn/ui 组件库复用、路径别名统一(~/ → @/)。典型触发场景:用户说"把 Figma Make 项目换成 Next.js"、 "v0.dev 出的代码怎么部署"、"Vite 项目跑不了流式 API / 服务端组件 / Edge Runtime"、 "React Router 搬家到 App Router"、"Bolt / Lovable 出的原型怎么改造成能上线的项目"。 Make sure to use this skill whenever the user mentions Figma Make, v0.dev, Bolt, Lovable, Vite, React Router, Next.js, App Router, 搬家, 迁移, migrate, port, 流式 API, 服务端组件, Edge Runtime, 部署, 即使用户没有明说"请用 figma-to-nextjs-migration skill"。 不处理反向迁移(Next.js → Remix / Next.js → Vite / App Router → Pages Router)。
- Grade
- C
- Quality
- 72 / 100
- Safety
- Passed
- GitHub stars
- 52
Unproven: rated by static analysis only, not yet compared head-to-head.
This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.
Our review
- Architecture
- 84 / 100
- Maturity
- Structured: ships references or scripts
- Security scan
- No issues found
- License
- Not declared. Check the repository before reusing it.
- Adoption
- Adopted by 0 other repositories, in 0 collections
Not checked yet
- Not judged on the rubric yet (not a contender in its category)
- No blind task eval yet
- Scope (portable / vendor / repo-internal) not assessed; only the top of each category is read for scope
- Sibling files (scripts, references) not fetched; security scan covers SKILL.md only
Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.