Skills
.Work. You
Rest

component-from-capture

Community

Build UI pages from captures using existing components.

Design & Creative#ui#layout#astro#capture#design-extraction#windows-forms
Authorntaksh42
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Images of UI designs are translated into working pages by composing existing Windows Forms–style Astro components.

Core Features & Use Cases

  • Capture analysis: identifies UI elements, layout, colors, and sizes
  • Component mapping: uses available components to recreate the UI
  • Auto-layout: builds a page structurally similar to the capture
  • Validation steps: checks props and fidelity

Quick Start

Provide an image by paste or path; the Skill outputs a screen page at src/pages/screen-{name}.astro and a plan for verification.

Dependency Matrix

Required Modules

None required

Components

Standard package

đź’» 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: component-from-capture
Download link: https://github.com/ntaksh42/windows-design-astro-components/archive/main.zip#component-from-capture

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 223,000+ vetted skills library on demand.