Use this plugin when the user wants to hand an accepted MonoField artifact to a Next.js App Router project.
Scanned 9/5/2026
Install to Claude Code
npx -y skills add jhy0285/monofield --skill od-nextjs-export --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Od Nextjs Export?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/jhy0285-od-nextjs-export)More formats (shields.io, HTML) on the badges page.
# Export To Next.js
Use this plugin when the user wants to hand an accepted MonoField artifact to a Next.js App Router project.
## Workflow
1. Decide whether the result should be a route, layout fragment, or reusable component.
2. Keep components server-first unless interactivity, browser APIs, or client state require `'use client'`.
3. Preserve the artifact's visual system while adapting image, link, font, and metadata usage to Next.js conventions.
4. Prefer Tailwind CSS when the target project already supports it; otherwise keep styling local and easy to move.
5. 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.
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!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.