Back to browse

nexu-io/open-design

od-vue-export

Use this plugin when the user wants to hand an accepted Open Design artifact to a Vue 3 project.

56Collecting
See source evidenceView GitHub source
npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/scenarios/od-vue-export"
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 od-vue-export

Use this plugin when the user wants to hand an accepted Open Design artifact to a Vue 3 project.

npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/scenarios/od-vue-export"
Check the pinned source

The pinned source contains about 132 English words and 2 usable sections. That evidence supports a source profile, not a complete guide.

132 source words · 2 usable sections

What the source actually contains

2 verifiable source sections for od-vue-export

Sections are extracted automatically from the pinned SKILL.md and link back to the source.

01

Workflow

1. Convert the artifact into a Vue 3 single-file component with a clear template, script, and style boundary. 2. Use Composition API only when the component needs state, lifecycle hooks, or derived values. 3. Prefer Tailwind CSS when the target project already supports it; other…

SKILL.md · Workflow
Convert the artifact into a Vue 3 single-file component with a clear template, script, and style boundary.Use Composition API only when the component needs state, lifecycle hooks, or derived values.Prefer Tailwind CSS when the target project already supports it; otherwise use scoped CSS.
02

Quality Bar

Do not add Vue state for static content.

SKILL.md · Quality Bar
Do not add Vue state for static content.Do not introduce a UI framework unless the target project already uses it.Keep generated props and emits minimal.

Choose a different workflow

When another Skill is the better fit

design-review

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.

A separate implementation from event4u-app/agent-config; compare its source, maintenance signals, and permission requirements.

Open source detail

higgsfield-generate

Use when the user wants to generate an image or video via Higgsfield AI. Covers 30+ models: Soul V2, Seedance 2.0, Kling 3.0, Veo 3.1, GPT Image 2, Nano Banana 2. Also covers Marketing Studio — branded ad video/image with avatars and products. Use whenever: "generate an image", "make a video", "animate this photo", "image-to-video", "img2vid", "edit this image with AI", "produce a clip", "create an ad", "make a UGC video", "marketing video", "brand video", "TV spot", "import product from URL", "

A separate implementation from MoizIbnYousaf/marketing-cli; compare its source, maintenance signals, and permission requirements.

Open source detail

arize-evaluator

Handles LLM-as-judge evaluation workflows on Arize including creating/updating evaluators, running evaluations on spans or experiments, managing tasks, trigger-run operations, column mapping, and continuous monitoring. Use when the user mentions create evaluator, LLM judge, hallucination, faithfulness, correctness, relevance, run eval, score spans, score experiment, trigger-run, column mapping, continuous monitoring, or improve evaluator prompt.

A separate implementation from github/awesome-copilot; compare its source, maintenance signals, and permission requirements.

Open source detail

FAQ

How do I install od-vue-export?

The source record exposes this install command: npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/scenarios/od-vue-export". Inspect the command and pinned source before running it.

Repository stars
82,073
Repository forks
9,485
Quality
56/100
Source repository last pushed

Quality breakdown

Based on traceable docs and repository signals; stars are not treated as quality.

56/100
Documentation16/30
Specificity13/25
Maintenance15/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.

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.

higgsfield-generate by MoizIbnYousaf

Use when the user wants to generate an image or video via Higgsfield AI. Covers 30+ models: Soul V2, Seedance 2.0, Kling 3.0, Veo 3.1, GPT Image 2, Nano Banana 2. Also covers Marketing Studio — branded ad video/image with avatars and products. Use whenever: "generate an image", "make a video", "animate this photo", "image-to-video", "img2vid", "edit this image with AI", "produce a clip", "create an ad", "make a UGC video", "marketing video", "brand video", "TV spot", "import product from URL", "

arize-evaluator by github

Handles LLM-as-judge evaluation workflows on Arize including creating/updating evaluators, running evaluations on spans or experiments, managing tasks, trigger-run operations, column mapping, and continuous monitoring. Use when the user mentions create evaluator, LLM judge, hallucination, faithfulness, correctness, relevance, run eval, score spans, score experiment, trigger-run, column mapping, continuous monitoring, or improve evaluator prompt.

neuropixels-analysis by k-dense-ai

Analyze Neuropixels extracellular recordings end-to-end with SpikeInterface. Covers loading SpikeGLX/Open Ephys/NWB data, preprocessing, drift/motion correction, Kilosort4 (and CPU) spike sorting, quality metrics, and unit curation (threshold-based, model-based UnitRefine, and AI-assisted visual review). Use when working with Neuropixels 1.0/2.0 recordings, spike sorting, or extracellular electrophysiology analysis.

scientific-brainstorming by k-dense-ai

Facilitates evidence-aware scientific ideation with independent generation, structured discussion, explicit assumptions, transparent evaluation, adversarial review, and decision logs. Use for early-stage research brainstorming or prioritizing candidate directions; hand off empirical validation, study design, ethics or regulatory review, and clinical questions to appropriate experts or skills.

View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 1 min

Export To Vue

Use this plugin when the user wants to hand an accepted Open Design artifact to a Vue 3 project.

Workflow

  1. Convert the artifact into a Vue 3 single-file component with a clear template, script, and style boundary.
  2. Use Composition API only when the component needs state, lifecycle hooks, or derived values.
  3. Prefer Tailwind CSS when the target project already supports it; otherwise use scoped CSS.
  4. Preserve accessibility semantics from the artifact, including headings, buttons, links, labels, focus states, and alt text.
  5. Finish with file placement notes, required assets, and any assumptions about routing or data.

Quality Bar

  • Do not add Vue state for static content.
  • Do not introduce a UI framework unless the target project already uses it.
  • Keep generated props and emits minimal.
Skill path
plugins/_official/scenarios/od-vue-export/SKILL.md
Commit SHA
89d6d4ef21ba
Repository license
Apache-2.0
Data collected