Updated 3d ago
by Leonxlnx
imagegen-skills
Design image-generation skills for coding agents: website comps, mobile app screens, brand kits, and image-to-code.
28 GitHub stars (28)
+28 in 5 days
| Period | New stars |
|---|---|
| Oct 22 | +1 |
| Oct 23 | +5 |
- 4 skills (4 skills found in its SKILL.md files)
- 0 forks (0 forks)
- 3d ago last update (Last updated 3d ago)
Install
Skills CLI
npx skills add Leonxlnx/imagegen-skills
Asks which skills and agents to install. Just one: npx skills add Leonxlnx/imagegen-skills --skill brandkit — add -g for every project.
Claude Code
git clone https://github.com/Leonxlnx/imagegen-skillscp -r "imagegen-skills/skills/brandkit" ~/.claude/skills/
Copies the brandkit skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add Leonxlnx/imagegen-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning,…
skills/brandkit/SKILL.md on GitHub (opens in a new tab) -
image-to-code
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping…
skills/image-to-code/SKILL.md on GitHub (opens in a new tab) -
imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone m…
skills/imagegen-frontend-mobile/SKILL.md on GitHub (opens in a new tab) -
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied h…
skills/imagegen-frontend-web/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.