chatbot-asset-pipeline

Community

Generate on-style iOS illustration assets fast.

AuthorElvinOuyang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill turns time-consuming illustration generation and cleanup into a repeatable pipeline that produces production-ready transparent assets without style drift.

Core Features & Use Cases

  • Style-locked batch generation via visible browser automation: Drives a logged-in ChatGPT (image-2) or Gemini (Nano Banana) session using direct Playwright with persistent context and headless disabled, generating each illustration in a fresh chat to prevent style drift.
  • Robust chroma-key background removal: Uses a dedicated magenta (#FF00FF) chroma-key + feathering + despill approach to produce clean transparent PNGs with no magenta fringe.
  • iOS asset catalog integration: Writes @1x/@2x/@3x PNGs and generates the correct Contents.json, including padding/resizing rules so scales are integer point-equivalents for crisp rendering.
  • Review and regeneration loop: Produces a review page for quick human approval and regenerates only the marked assets using the user’s correction notes.

Quick Start

Generate a batch of locked-style illustrations into the iOS asset catalog by instructing the Skill to replace placeholders for your onboarding scenes using design/style-lock.md as the style source.

Dependency Matrix

Required Modules

pillownumpy

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: chatbot-asset-pipeline
Download link: https://github.com/ElvinOuyang/claude-skill-collection/archive/main.zip#chatbot-asset-pipeline

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.