chiroro-jr/pencil-design-skill
Skill Claude CodeCodex
Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.
Skill Codex
Audit, improve, or rewrite repository-level agent instruction files such as AGENTS.md, AGENT.md, CLAUDE.md, GEMINI.md, or repo-specific agent context files. Use when Codex needs to review an existing instruction file for weak points, explain why it may hurt agent performance, suggest concrete fixes, or produce a…
Skill Claude CodeCodex
Create, extend, review, and normalize database schemas written in DBML (Database Markup Language). Use when authoring or editing .dbml files, translating SQL schemas into DBML, documenting tables and relationships, or validating DBML constructs such as Table, Ref, Enum, TablePartial, TableGroup, checks, indexes, and…
Skill Claude CodeCodex
Work with OKLCH colors for CSS and design tokens, including perceptual palette design, shade generation, gradient decisions, gamut and chroma checks, and conversions between OKLCH and other spaces (sRGB, Display-P3, OKLab, XYZ) using @texel/color. Use when a task mentions oklch(...), color uniformity tuning…
Skill Claude CodeCodex
Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.
Skill Claude CodeCodex
Source-first research for libraries, frameworks, packages, and GitHub repositories. Use when answering questions about how a dependency works, how to use an API, where behavior is implemented, why something changed, or when comparing open-source repos. Searches persistent local clones in /.sourcerer/repos, clones…
Skill Codex
Create or revise a Webcraft marketing website brief from business goals, references, and supporting material.
Skill Codex
Implement and verify a Webcraft website from completed designs, or finish production behaviour in pages already designed in code.
Skill Codex
Draft or revise marketing website copy against a Webcraft brief and section plan, preserving factual evidence and section IDs.
Skill Codex
Apply a selected Webcraft visual direction across responsive website pages in code or design software.
Skill Codex
Explore and select a Webcraft website's visual direction through rendered concepts and reusable style decisions.
Skill Codex
Establish or revise a Webcraft website project's design mode, workspace, framework, and tool access.
Skill Codex
Turn a Webcraft website brief into a visual sitemap and page-by-page section plan, or revise an existing plan.
Skill Codex
Create or revise editable low-fidelity Webcraft pages in the chosen code project or design tool.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: