Teach your AI coding tool to design in pencil.dev. Works with Claude Code, Cursor, and Codex.
How to install pencil-skill?
nisus74/pencil-skill
$claude plugin marketplace add nisus74/pencil-skillInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install pencil-skill by running `claude plugin marketplace add nisus74/pencil-skill`, then use it for the current task and follow its documentation at https://github.com/nisus74/pencil-skill.
.claude-plugin/plugin.json
| 1 | # .claude-plugin/plugin.json |
| 2 | claude plugin marketplace add nisus74/pencil-skill |
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
