nexu-io/open-design/od-nextjs-export

Claude Code and agent skill by nexu-io/open-design

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Install

npx vskill@latest install nexu-io/open-design/od-nextjs-export

SKILL.md

Export To Next.js

Use this plugin when the user wants to hand an accepted OpenDesign 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.

Security

  • Security scanPassed, 96 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
92,970
Repository forks
10,723
7-day trend score
57

Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 19 May 2026, 6 months 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
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/nexu-io/open-design/od-nextjs-export/badge)](https://verified-skill.com/skills/nexu-io/open-design/od-nextjs-export)

Something wrong with this skill or its page? Tell us.