pencil-replicator
CommunityReplicate Chrome screens in Pencil.
Authorkozyszoo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the highly time-consuming process of manually recreating web designs in Pencil, ensuring pixel-perfect fidelity and saving significant design and development hours.
Core Features & Use Cases
- High-Fidelity Replication: Accurately converts live Chrome web pages into editable Pencil (.pen) files.
- Multi-Agent Collaboration: Utilizes specialized agents (analyzer, builder, reviewer) for a robust and iterative process.
- Use Case: A designer needs to quickly create a Pencil prototype of a complex dashboard they see in a live web application. This Skill can analyze the Chrome page and generate the corresponding Pencil file, allowing for immediate iteration and refinement.
Quick Start
Use the pencil-replicator skill to replicate the current Chrome screen to a new Pencil file.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: pencil-replicator Download link: https://github.com/kozyszoo/antigravity-handson/archive/main.zip#pencil-replicator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.