JesusJimenezC

JesusJimenezC/pencil-atelier

Plugin Claude Code

Plugin marketplace listing 1 plugin: pencil-atelier.

JesusJimenezC/pencil-atelier

Plugin Claude Code

Library-agnostic design-quality toolkit for Pencil (.pen) files and any companion codebase. Enforces a universal 4px-grid sizing scale, variable-first design tokens, and component extraction at the second repetition - independent of CSS framework. Ships three read-only subagents (pencil-auditor for quality enforcemen.

JesusJimenezC/pencil-atelier

Instructions file

Claude Code instructions for JesusJimenezC/pencil-atelier, covering claude.md, repository purpose, plugin surface, architectural invariants and the scale is the product.

JesusJimenezC/pencil-atelier

Agent

Read-only semantic-brief extractor for Pencil (.pen) files. Given a .pen (or specific frames) and an optional target project root, returns a structured brief across five axes - atmosphere, palette roles, geometry character, depth character, typography character - plus a scale-parity note and token-vocabulary map.…

JesusJimenezC/pencil-atelier

Agent

Audits Pencil (.pen) design files and their companion codebase for design-quality violations. Read-only - identifies issues, never modifies files. Enforces a universal 4px-grid sizing scale (framework-agnostic), variable-first token discipline, and lightweight component-reuse heuristics. Works with any project, any…

JesusJimenezC/pencil-atelier

Agent

Read-only localizer for Pencil (.pen) files. Given a feature name, token, viewport descriptor, or structural query, returns compact match records (ID + breadcrumb + minimal metadata) instead of raw node payloads. Invoke from the main agent whenever you need to find frames, components, repeated structures, empty canvas…

JesusJimenezC/pencil-atelier

Skill Claude CodeCodex

Extract a semantic design brief from an existing Pencil (.pen) file and persist it as design.md at the project root. Documents the visual language (atmosphere, palette roles, geometry, depth, typography) plus token vocabulary and scale parity - so every subsequent /pencil-design and /pencil-to-code pass shares the…

JesusJimenezC/pencil-atelier

Skill Claude CodeCodex

Run a complete design-quality audit over any repository that contains Pencil (.pen) files. Enforces the plugin's universal 4px-grid scale, variable-first tokens, and component-reuse heuristics across both design and companion code - framework-agnostic, stack-agnostic. Delegates to the pencil-auditor subagent, which…

JesusJimenezC/pencil-atelier

Skill Claude CodeCodex

Author Pencil (.pen) designs that are compliant by construction with the plugin's four house rules (variable-first tokens, component extraction at the second repetition, universal 4px-grid scale, grep-able viewport frame naming). Captures a semantic design brief before composition so on-scale choices match intent.…

JesusJimenezC/pencil-atelier

Skill Claude CodeCodex

Translate a Pencil (.pen) design into source code for any target stack. Auto-detects Tailwind CSS in the target project; if present, maps design pixel values to Tailwind class names; if absent, emits raw pixel values against the same 4px-grid scale without adding Tailwind as a dependency.