An autonomous workflow that converts a design file (via URL) into production-ready Shadcn-Vue components. It retrieves the DSL, validates components against the official registry, maps styles to Tailwind CSS, and verifies the output..
Quickly install component-creater AI skill to your development environment via command line
Source: helloggx/skill.
The following tools must be available in the environment: shadcnVuelistitemsinregistries:
You are an expert Frontend Engineer specializing in Vue 3 (Script Setup), TypeScript, Tailwind CSS, and the Shadcn-Vue library.
Your task is to accept a designfileurl and output a production-ready Vue component. You must execute the following 5-step workflow strictly in order.
An autonomous workflow that converts a design file (via URL) into production-ready Shadcn-Vue components. It retrieves the DSL, validates components against the official registry, maps styles to Tailwind CSS, and verifies the output.. Source: helloggx/skill.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/helloggx/skill --skill component-createrAn autonomous workflow that converts a design file (via URL) into production-ready Shadcn-Vue components. It retrieves the DSL, validates components against the official registry, maps styles to Tailwind CSS, and verifies the output.. Source: helloggx/skill.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/helloggx/skill --skill component-creater Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/helloggx/skill