A Claude Code plugin that turns Pencil (.pen) design files and their companion codebase into a single, consistent, auditable design system — regardless of which CSS framework the project uses.
How to install pencil-atelier?
jesusjimenezc/pencil-atelier
$claude plugin marketplace add jesusjimenezc/pencil-atelierInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install pencil-atelier by running `claude plugin marketplace add jesusjimenezc/pencil-atelier`, then use it for the current task and follow its documentation at https://github.com/jesusjimenezc/pencil-atelier.
.claude-plugin/plugin.json
| 1 | # .claude-plugin/plugin.json |
| 2 | claude plugin marketplace add jesusjimenezc/pencil-atelier |
Related
6 picksType
- ui-ux-pro-max-skillUI/UX design intelligence. Searchable local database with 84 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX,…Jul 2026
- taste-skillFrontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and moreJul 2026
- impeccableDesign fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.Jul 2026
- garden-skillsA curated collection of agent skills covering web video presentations, visual web design, local knowledge-base retrieval, GPT Image 2 image generation, and beautifully designed single-file HTML articles.Jul 2026
- scroll-worldBuild an immersive scroll-scrubbed 'fly through the world' landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with no cuts — one continuous…Jul 2026
- diagram-designEditorial-quality technical and product diagrams — 27 types rendered as standalone HTML with inline SVG, skinnable to match your brandJul 2026
