jcwen skills on Remote OpenClaw

pencil-renderer

Translates aesthetic DNA codes into rendered frames in Pencil .pen files via MCP. Takes a DNA code array and component type as input, returns a frame ID and screenshot. Designed to be called by orchestrators rather than used directly.

pencil-to-code

Converts Pencil (.pen) design files to React components with Tailwind CSS. Takes a frame ID or file path as input and outputs typed TypeScript components plus a Tailwind theme configuration derived from .pen design variables. Handles the full property translation: layout, spacing, typography, colors, and border radius.