pencil-design

التثبيت
CLI
npx skills add https://github.com/chiroro-jr/skills --skill pencil-design

قم بتثبيت هذه المهارة باستخدام واجهة سطر الأوامر (CLI) وابدأ في استخدام سير عمل SKILL.md في مساحة عملك.

آخر تحديث 4/23/2026

Skills

This repository contains the personal skills I’ve collected into one place.

Installation

Install all skills in one project:

npx skills add https://github.com/chiroro-jr/skills

Install all skills globally:

npx skills add -g https://github.com/chiroro-jr/skills

Install a specific skill in one project:

npx skills add https://github.com/chiroro-jr/skills --skill dbml

Install a specific skill globally:

npx skills add -g https://github.com/chiroro-jr/skills --skill dbml

Available Skills

better-agent-md

Helps review and improve repository-level agent instruction files such as CLAUDE.md and AGENT.md.

Focus areas:

  • auditing weak or bloated instructions
  • rewriting agent guidance to be more actionable
  • keeping agent docs procedural, durable, and repo-specific

Installation:

npx skills add https://github.com/chiroro-jr/skills --skill better-agent-md

dbml

Helps create, refine, and validate database schemas written in DBML.

Focus areas:

  • authoring readable DBML schemas
  • translating SQL schemas into DBML
  • documenting tables, enums, refs, indexes, checks, and related structures

Installation:

npx skills add https://github.com/chiroro-jr/skills --skill dbml

oklch

Helps work with OKLCH colors for CSS, design tokens, and palette design.

Focus areas:

  • converting between OKLCH and other color spaces
  • building balanced palettes and shade ramps
  • handling gamut and chroma issues for display-ready color output

Installation:

npx skills add https://github.com/chiroro-jr/skills --skill oklch

pencil-design

Helps design UIs in Pencil (.pen files) and generate production-oriented code from those designs.

Focus areas:

  • reusing design system components
  • using design tokens instead of hardcoded values
  • checking layouts for overflow and visual issues
  • supporting design-to-code workflows

Installation:

npx skills add https://github.com/chiroro-jr/skills --skill pencil-design