🎯

opendesign-components

🎯Skill

from finch-poi/opendesign-skills

What it does

AI skill collection for the OpenDesign ecosystem, providing comprehensive knowledge of 46 Vue 3 UI components, CLI build tools, design token systems, and frontend development utilities. It enables AI coding assistants to generate code from Pixso design mockups by mapping design layers to OpenDesign components.

📦

Same repository

finch-poi/opendesign-skills(4 items)

opendesign-components

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add finch-poi/opendesign-skills --skill opendesign-components

skills.sh Install⚠ Installs to .agents/skills/

npx skills add finch-poi/opendesign-skills --skill opendesign-components

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/opendesign-components/SKILL.md

SKILL.md

66Installs

AddedApr 14, 2026

View on GitHub Back to Skills

More from this repository3

🎯

opendesign-scripts🎯Skill

A skill providing knowledge of OpenDesign's CLI build commands from @opensig/open-scripts, helping AI agents work with Vue 3 component library builds, design tokens, and frontend tooling in the OpenDesign ecosystem.

🎯

opendesign-tokens🎯Skill

Part of the OpenDesign Skills collection for AI coding assistants. The opendesign-tokens skill provides the design token system for the @opensig/opendesign-token package, covering CSS variables for colors, spacing, borders, and typography across 6 community themes including openEuler, Ascend, Kunpeng, MindSpore, openGauss, and openUBMC.

🎯

openeuler-frontend-tools🎯Skill

AI skill collection for the OpenDesign ecosystem, providing knowledge about 46 Vue 3 UI components, CLI build commands, design tokens with 3 theme sets, and frontend development utilities for AI coding assistants.