Opentiny Agent Skills
opentiny-agent-skills is a Claude Code plugin for the Build phase that teaches your agent to implement UIs with OpenTiny TinyVue on Vue 3 using library-aligned patterns.
by opentiny · github.com/opentiny/agent-skills
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.
Add it to Claude Code
Install the plugin in Claude Code. One command, paste-ready.
/plugin install opentiny-agent-skills@opentiny/agent-skillsBuilt to be called by your agent
Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.
Retrieve this entry with skillselion.get_details("plugin:opentiny/agent-skills") and the paste-ready config with skillselion.get_install_config("plugin:opentiny/agent-skills").
What it does
opentiny-agent-skills is a Claude Code plugin bundle that packages agent skills for OpenTiny’s TinyVue component library on Vue 3. Solo builders 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.
Highlights
- 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
Why builders use it
Coding agents often ignore your chosen Vue component library and produce one-off UI that fights TinyVue APIs and your design system.
After you add the plugin, the agent can generate and refactor frontend code that stays consistent with TinyVue conventions and your OpenTiny stack.
At a glance
- Type - Plugin in Frontend & UI.
- Adoption - 0 installs, 11 stars, 0 votes.
FAQ
Who is opentiny-agent-skills for?
It is for solo 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.
Comments
Share how you use opentiny-agent-skills, gotchas, or tips for other indie builders.
No comments yet - be the first to share how you use it.