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`.