Web & Frontendlow risk
export-nextjs-handoff
Use this plugin when the user wants an accepted Open Design artifact converted into a Next.js App Router handoff with clean components, styles, assets, and implementation notes.
nexu-io/open-design·plugins/spec/examples/export-nextjs-handoff/SKILL.md
61/ 100推荐值
导入这个 Skill
选择你的 coding agent，复制项目级或个人级安装命令。
导入当前项目.agents/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a codex -y导入个人环境~/.agents/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a codex -g -y导入当前项目.claude/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a claude-code -y导入个人环境~/.claude/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a claude-code -g -y导入当前项目.agents/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a github-copilot -y导入个人环境~/.copilot/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a github-copilot -g -y导入当前项目.agents/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a cursor -y导入个人环境~/.cursor/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a cursor -g -y导入当前项目.agents/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a gemini-cli -y导入个人环境~/.gemini/skills/export-nextjs-handoff
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/spec/examples/export-nextjs-handoff -a gemini-cli -g -yNative Gemini CLI
gemini skills install https://github.com/nexu-io/open-design.git --scope workspace --path plugins/spec/examples/export-nextjs-handoff⚠ 安装命令使用开源 skills CLI。执行前请检查来源、脚本和权限。
Skill 指令
在 GitHub 查看原始文件 ↗# Export Next.js Handoff ## Workflow 1. Read the accepted artifact and identify components, assets, layout tokens, and interactions. 2. Generate a Next.js App Router folder with page, component, and style boundaries. 3. Preserve visual fidelity while using maintainable component names and accessible markup. 4. Run available typecheck or build commands when a package is present. 5. Return a diff summary and handoff notes. ## Output Contract Produce `nextjs-handoff/` and `handoff-summary.md`.