Individual skill
od-vue-export
Not available
plugins/_official/scenarios/od-vue-export/SKILL.md
Source commit e7a18df64d0e5e1161903e93bb5a302229dbeb96
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Instructions only
- Last checked
- Nov 9, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
Standard SKILL.md format has not been attested at this commit. No installation command is available; inspect the source.
Repository context
- Repository stars (not skill ratings)
- 107,203
- Repository last updated
- Nov 11, 2026
- License
- Apache-2.0
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-design Repository topic
- byok Repository topic
- design-systems Repository topic
- claude-design Repository topic
- hermes-agent Repository topic
- agent-skills Repository topic
- desktop-app Repository topic
- figma-alternative Repository topic
- prototyping Repository topic
- ui-generator Repository topic
Declared tags are partial or unavailable.
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 830 bytesopen-design.jsonasset · 5,441 bytes
Read excerpt
# Export To Vue
Use this plugin when the user wants to hand an accepted OpenDesign 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.