<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs
Devsly

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 1mo ago

by hassancs91

claude-image-generation

Connect Claude to image generation with Agent Skills. Three levels: a zero-cost code-based design engine, a Three.js 3D renderer, and a real diffusion model on Cloudflare. Plus an AI Storybook pipeline that turns a plain-English story into an illustrated, narrated HTML book.

Works with
  • Claude
View on GitHub (opens in a new tab)

105 GitHub stars (105)

+7 in 16 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Oct 16: +7 in total; the busiest day was Oct 15 with +2 stars.Oct 1: 0 starsOct 2: 0 starsOct 3: 0 starsOct 4: +1 starsOct 5: 0 starsOct 6: +1 starsOct 7: 0 starsOct 8: +1 starsOct 9: 0 starsOct 10: +1 starsOct 11: +1 starsOct 12: 0 starsOct 13: 0 starsOct 14: 0 starsOct 15: +2 starsOct 16: 0 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 10
Oct 20
Oct 30
Oct 4+1
Oct 50
Oct 6+1
Oct 70
Oct 8+1
Oct 90
Oct 10+1
Oct 11+1
Oct 120
Oct 130
Oct 140
Oct 15+2
Oct 160
  • 8 skills (8 skills found in its SKILL.md files)
  • 63 forks (63 forks)
  • 1mo ago last update (Last updated 1mo ago)

Install

Skills CLI

npx skills add hassancs91/claude-image-generation

Asks which skills and agents to install. Just one: npx skills add hassancs91/claude-image-generation --skill prompt-to-design — add -g for every project.

Claude Code

git clone https://github.com/hassancs91/claude-image-generationcp -r "claude-image-generation/.claude/skills/level-1-image-generator" ~/.claude/skills/

Copies the prompt-to-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add hassancs91/claude-image-generation

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.

  • prompt-to-design

    Generate a polished PNG graphic from a text prompt and an aspect ratio. This is a CODE-BASED design generator (not a diffusion/photo model): it builds images from gradients, mesh fields, glow, grain, geometric shapes, and real typography. Use it whenever the user wants to create / generate / make an "image", poster, cover, wallpaper, banner, thumbnail, album art, story or reel cover, quote card,…

    .claude/skills/level-1-image-generator/SKILL.md on GitHub (opens in a new tab)

  • 3d-image-renderer

    Generate PNG images by building a real Three.js 3D scene and capturing one frame headlessly — no image model involved. Takes a text prompt and an aspect ratio (1:1, 16:9, or 9:16) and produces a rendered PNG. Use this skill whenever the user asks to generate, create, or render an image, picture, scene, wallpaper, thumbnail background, or product shot with this system — especially with phrases lik…

    .claude/skills/level-2-image-generator/SKILL.md on GitHub (opens in a new tab)

  • cf-image

    Generate an image from a text description using Cloudflare Workers AI (the flux-1-schnell model). Use this skill whenever the user wants to create, generate, make, or draw an image / picture / logo / icon / thumbnail / wallpaper / banner from a text idea and mentions Cloudflare, or is working in this repo and asks for a quick generated image. Claude expands the user's request into a strong image…

    .claude/skills/level-3-image-generator/SKILL.md on GitHub (opens in a new tab)

  • scene-splitter

    Splits a plain English story into a numbered list of SCENES — each scene being one moment that gets exactly one illustration AND one narration clip downstream. The first step of the AI Storybook pipeline. Tuned for beginner-level stories (short sentences, ~8-12 scenes), with a per-scene length cap so each scene fits one phone screen without scrolling. Use this skill whenever the user wants to spl…

    .claude/skills/scene-splitter/SKILL.md on GitHub (opens in a new tab)

  • story-html-publisher

    Final step of the AI Storybook pipeline. Consolidates the scenes, images, and per-scene audio into ONE self-contained HTML storybook — a swipe/tap player with every image and audio clip embedded as base64 so the single file works offline and can be shared as-is. Reads {slug}_scenes.json, {slug}_images.json, and {slug}_audio/, then writes {slug}_story.json and {slug}.html. Use this skill whenever…

    .claude/skills/story-html-publisher/SKILL.md on GitHub (opens in a new tab)

  • story-illustrator

    Generates a consistent illustrated image for every scene of a story — keeping characters, locations, and visual style coherent across the whole sequence using cascading reference images. Reads a {slug}_scenes.json (from scene-splitter), proposes a visual style, ASKS the user for the aspect ratio and image model, extracts a visual bible, drafts a continuity-classified shot list, generates one refe…

    .claude/skills/story-illustrator/SKILL.md on GitHub (opens in a new tab)

  • story-narrator

    Generates one expressive narration MP3 per scene for an English storybook, using the ElevenLabs MCP (text_to_speech). Reads {slug}_scenes.json (from scene-splitter), proposes a warm storyteller voice, drafts the narration text per scene (optionally with Eleven v3 audio tags for emotion), lets the user review, then generates one MP3 per scene saved as {slug}_part_NN.mp3 so it pairs by index with t…

    .claude/skills/story-narrator/SKILL.md on GitHub (opens in a new tab)

  • storybook-pipeline

    Orchestrator that runs the full AI Storybook pipeline end-to-end on one English story. Dispatches the 4 component skills in order — scene-splitter → story-illustrator → story-narrator → story-html-publisher — using the locked filename convention {slug}_* and {slug}_part_NN.{png,mp3} so every image and audio clip pairs by scene index, ending with one self-contained HTML storybook. Use this skill w…

    .claude/skills/storybook-pipeline/SKILL.md on GitHub (opens in a new tab)

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.