pencil-to-code
Convert Pencil `.pen` design files and named Pencil node IDs into production frontend code. Use when asked to implement, migrate, reproduce, or refine a Pencil/Figma-like visual design in code, especially for responsive artboards, glassmorphism, typography matching, background image layers, design tokens, or visual fidelity debugging against Pencil node IDs.
68
Quality
81%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Securityby
Passed
No known issues
No security issues found
Scanned
- Repository
- JohnWayneeee/ai-agent-skills
- Commit
64f57c5
- Audited
- Security analysis
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.