Design outputs
- Produce nextjs-handoff/ and handoff-summary.md.
nexu-io/open-design
export-nextjs-handoff
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.
67Collecting
See source evidenceView GitHub source
npx skills add https://github.com/nexu-io/open-design --skill "plugins/spec/examples/export-nextjs-handoff"Source profileDesignCatalog only
Source checked Jul 28, 2026·Refresh due Oct 26, 2026
Limited to facts supported by the pinned source
What the pinned source establishes about export-nextjs-handoff
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.
npx skills add https://github.com/nexu-io/open-design --skill "plugins/spec/examples/export-nextjs-handoff"The pinned source contains about 71 English words and 2 usable sections. That evidence supports a source profile, not a complete guide.
71 source words · 2 usable sections
What the source actually contains
2 verifiable source sections for export-nextjs-handoff
Sections are extracted automatically from the pinned SKILL.md and link back to the source.
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…
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.
Output Contract
Produce nextjs-handoff/ and handoff-summary.md.
Produce nextjs-handoff/ and handoff-summary.md.
Choose a different workflow
When another Skill is the better fit
vercel-react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view
A separate implementation from vercel-labs/agent-skills; compare its source, maintenance signals, and permission requirements.
Open source detailsuede-code-review
Find the bugs a diff can actually ship: TypeScript, React, Next.js, OWASP, accessibility, SEO, database, and deploy-risk review. Return findings, not a grade.
A separate implementation from JasonColapietro/suede-creator-skills; compare its source, maintenance signals, and permission requirements.
Open source detailgsap-framer-scroll-animation
Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "anim
A separate implementation from github/awesome-copilot; compare its source, maintenance signals, and permission requirements.
Open source detailFAQ
How do I install export-nextjs-handoff?
The source record exposes this install command: npx skills add https://github.com/nexu-io/open-design --skill "plugins/spec/examples/export-nextjs-handoff". Inspect the command and pinned source before running it.
Repository stars
82,073
Repository forks
9,485
Quality
67/100
Source repository last pushed
Quality breakdown
Based on traceable docs and repository signals; stars are not treated as quality.
Documentation15/30
Specificity20/25
Maintenance20/20
Trust signals12/25
Compare before choosing
Related Agent Skills and source variants
These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.
vercel-react-view-transitions by vercel-labs
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view
suede-code-review by JasonColapietro
Find the bugs a diff can actually ship: TypeScript, React, Next.js, OWASP, accessibility, SEO, database, and deploy-risk review. Return findings, not a grade.
gsap-framer-scroll-animation by github
Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "anim
od-nextjs-export by nexu-io
Use this plugin when the user wants to hand an accepted Open Design artifact to a Next.js App Router project.
design-review by event4u-app
Use when the user says "review the design", "check the UI", or wants a comprehensive UI/UX review. Uses a 7-phase methodology covering interaction, responsiveness, accessibility, and more.
View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 1 min
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.
- Source repo
- nexu-io/open-design
- Skill path
- plugins/spec/examples/export-nextjs-handoff/SKILL.md
- Commit SHA
- 89d6d4ef21ba
- Repository license
- Apache-2.0
- Data collected