Agent skill · software engineering · nexu-io
export-nextjs-handoff
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.
Why this skill is useful
Adds a specific workflow for converting design artifacts into a structured Next.js application, which includes clean components and implementation notes.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
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.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/export-nextjs-handoff