Od nextjs export
Skill nexu-io/open-design/plugins/_official/scenarios/od-nextjs-export
🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
npx -y skills add nexu-io/open-design --skill od-nextjs-exportAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
SKILL.md
0.9 KB, as published. Nobody here has run it
Export To Next.js
Use this plugin when the user wants to hand an accepted Open Design artifact to a Next.js App Router project.
Workflow
- Decide whether the result should be a route, layout fragment, or reusable component.
- Keep components server-first unless interactivity, browser APIs, or client state require
'use client'. - Preserve the artifact's visual system while adapting image, link, font, and metadata usage to Next.js conventions.
- Prefer Tailwind CSS when the target project already supports it; otherwise keep styling local and easy to move.
- Finish with file placement notes, client/server assumptions, assets, and any data requirements.
Quality Bar
- Do not mark the whole tree as client-side unless necessary.
- Do not add framework features unrelated to the artifact handoff.
- Keep route and component boundaries easy to review.