Skills
.Work. You
Rest

vue-layout

Community

Pixel-perfect Vue 3 components from Figma design.

Software Engineering#layout#vue#figma#handoff#pixel-perfect#scss#ui-components
AuthorEva813
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Vue UI layout tasks are time-consuming and error-prone when converting designs into Vue 3 components; this skill provides a reliable path for pixel-perfect 1:1 UI reproduction from Figma, focusing on pure UI structure and visuals.

Core Features & Use Cases

  • Pixel-perfect 1:1 Vue 3 components generated from Figma
  • Supports spec-driven handoff or fast-track derivation from visuals
  • Outputs a strict props/emits interface and semantic HTML, no API calls

Quick Start

Provide a Figma URL or node-id and an approved node list to begin mapping nodes to components and generate pixel-perfect Vue 3 UI.

Dependency Matrix

Required Modules

None required

Components

assetsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vue-layout
Download link: https://github.com/Eva813/skills-base/archive/main.zip#vue-layout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.