yyc-cube/yyc3-knowledge-base/export-nextjs-handoff
Claude Code and agent skill by yyc-cube/yyc3-knowledge-base
Trust tier 3
- community
Source check pending
Checking that the SKILL.md file is still in the repository.
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.
Install
npx vskill@latest install yyc-cube/yyc3-knowledge-base/export-nextjs-handoffSKILL.md
Export Next.js Handoff
Workflow
- Read the accepted artifact and identify components, assets, layout tokens, and interactions.
- Generate a Next.js App Router folder with page, component, and style boundaries.
- Preserve visual fidelity while using maintainable component names and accessible markup.
- Run available typecheck or build commands when a package is present.
- Return a diff summary and handoff notes.
Output Contract
Produce nextjs-handoff/ and handoff-summary.md.
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingYYC3-F/open-design/plugins/spec/examples/export-nextjs-handoff/SKILL.md
Popularity
- 7-day trend score
- 5
Refreshed 29 Oct 2026, 9 days ago.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/yyc-cube/yyc3-knowledge-base/export-nextjs-handoff)