Use this plugin when the user wants an accepted OpenDesign artifact converted into a Next.js App Router handoff with clean components, styles, assets, and implementation notes.
Scanned 9/3/2026
Install to Claude Code
Skills Directorynpx -y skills add nexu-io/open-design --skill export-nextjs-handoff --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Export Nextjs Handoff?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/nexu-io-export-nextjs-handoff)More formats (shields.io, HTML) on the badges page.
---
name: export-nextjs-handoff
description: Use this plugin when the user wants an accepted OpenDesign artifact converted into a Next.js App Router handoff with clean components, styles, assets, and implementation notes.
license: MIT
metadata:
author: open-design-spec
version: "0.1.0"
---
# 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`.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
