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 Claude CodeCodex
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…