Opentiny Agent Skills
- 18 repo stars
- Updated June 24, 2026
- opentiny/agent-skills
opentiny-agent-skills is a Claude Code plugin that teaches your agent to implement UIs with OpenTiny TinyVue on Vue 3 using library-aligned patterns.
About
opentiny-agent-skills is a Claude Code plugin bundle that packages agent skills for OpenTiny’s TinyVue component library on Vue 3. developers shipping internal tools, B2B dashboards, or design-system-driven SaaS UIs often waste cycles when agents hallucinate generic components or ignore library APIs. This plugin steers Claude Code (and similar agents) toward TinyVue-consistent markup, props, and layout patterns so implementation stays on-library. It is not a full design system generator or a replacement for TinyVue docs—it is narrowly scoped frontend agent tooling. Use it during active UI build work after you have chosen Vue 3 and OpenTiny. The repository lists one plugin and keywords spanning component-library, skill, tiny, tinyvue, vue, and vue3, which signals a task-specific integration rather than a cross-journey methodology skill.
- Agent skill tuned for OpenTiny TinyVue and Vue 3 component usage
- Aligns generated UI with enterprise component-library patterns
- Single-plugin bundle focused on tiny/tinyvue/vue3 stacks
- Community catalog entry from opentiny/agent-skills
- Pairs with admin dashboards and design-system-heavy SaaS frontends
Opentiny Agent Skills by the numbers
- Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin install opentiny-agent-skills@opentiny/agent-skillsAdd your badge
Show developers this plugin is listed on Skillselion. Paste this into your README.
| repo stars | ★ 18 |
|---|---|
| Last updated | June 24, 2026 |
| Repository | opentiny/agent-skills ↗ |
What it does
Install this when you are building Vue 3 apps with OpenTiny TinyVue and want the agent to follow component-library conventions instead of inventing custom UI.
Who is it for?
Best when you're already committed to Vue 3 + TinyVue and want fewer UI rewrites during feature implementation in Claude Code.
Skip if: Skip if you're on React, Svelte, or raw HTML/CSS and do not use OpenTiny, or anyone looking for automated design or Figma handoff.
What you get
After you add the plugin, the agent can generate and refactor frontend code that stays consistent with TinyVue conventions and your OpenTiny stack.
- Library-aligned Vue 3 UI snippets and refactors in your repo
- Reduced mismatch between agent output and TinyVue component APIs
- Repeatable agent behavior for OpenTiny frontend tasks
By the numbers
- Plugin bundle count: 1
- Source repository: opentiny/agent-skills
- Catalog stars snapshot: 11
Recommended Plugins
0xdesign Design PluginDesign exploration plugins for Claude Code743
Adlsdztony Claude Marketplace1 plugin2
Alexanderop Claude Skill Vue DevelopmentA Claude Code Agent Skill for Vue.js development with TypeScript, emphasizing testing-first development, functional patterns, and maintainable architecture.27
Alonw0 Web Asset GeneratorClaude skill to generate favicons, app icons, and social media images from logos, text, or emojis.469
Ankish8 Storybook NpmLocal plugins for myOperator UI2
Antvis Chart Visualization Skills⛏️ Turning data into a visual language for better thinking with Skills.446How it compares
Frontend component-library agent skill, not an MCP server or a general-purpose planning workflow.
FAQ
Who is Opentiny Agent Skills for?
It is for developers and small teams building Vue 3 applications with the OpenTiny TinyVue component library who use Claude Code or compatible agents for UI implementation.
When should I use Opentiny Agent Skills?
Use it during the Build phase while you are coding pages, forms, and layouts that should use TinyVue components rather than bespoke widgets.
How do I add Opentiny Agent Skills to my agent?
Install or register the plugin from the opentiny/agent-skills repository in Claude Code’s plugin flow, then invoke the bundled skill when working on TinyVue-related files.