opensesh

Canvas To Code Guardrails — Design skill for Claude Code

Design community

Editor-time lint reminders for projects using Canvas-to-Code.

How to install Canvas To Code Guardrails

Installs to ~/.claude/skills/opensesh-canvas-to-code-canvas-to-code-guardrails/SKILL.md

Terminal

mkdir -p ~/.claude/skills/opensesh-canvas-to-code-canvas-to-code-guardrails && curl -fsSL https://raw.githubusercontent.com/opensesh/canvas-to-code/HEAD/skills/canvas-to-code-guardrails.md -o ~/.claude/skills/opensesh-canvas-to-code-canvas-to-code-guardrails/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Canvas To Code Guardrails does

name: canvas-to-code-guardrails description: Editor-time lint reminders for projects using Canvas-to-Code. Auto-activates when the repo contains `.claude-design/` and the user is editing files under `app/`, `components/`, `lib/`, or `hooks/`.

Canvas-to-Code Guardrails

You are editing in a project that uses the Canvas-to-Code plugin. Apply these nine reminders **inline** as you write or edit code (rules 1–8) or design sources (rule 9). Severity is consumer-controlled via `.canvas-to-c

Alternatives in Design

Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Canvas — Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to O 3.3k ★