Skip to content
Back to skills

Pencil To Code

ASecurity

Export .pen design to React/Tailwind code.

  • 10 stars
  • 0 votes
  • 0 copies
  • 2 views
  • Added September 7, 2026
developmentreact

Security analysis

A100/100

Pro scans all 2 files and shows the line behind each finding

Scanned September 7, 2026

npx -y skills add Demerzels-lab/elsamultiskillagent --skill pencil-to-code --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Pencil To Code?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Pencil To Code
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/demerzels-lab-pencil-to-code/badge)](https://www.skillsdirectory.com/skills/demerzels-lab-pencil-to-code)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: pencil-to-code
description: Export .pen design to React/Tailwind code.
---

# pencil-to-code

Export .pen design to React/Tailwind code.

## Install

```
npx clawhub@latest install pencil-to-code
```

Files in this skill

  • SKILL.md210 B
  • _meta.json286 B

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…