shopify-collection-card-renderer
CommunityGenerate consistent Shopify collection cards
Design & Creative#visual consistency#shopify#image rendering#png output#collection cards#baseline template#title text
Authorredbananastudios
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill solves inconsistent Shopify collection card artwork by ensuring every card stays visually identical except for the title text.
Core Features & Use Cases
- Baseline-locked rendering: Uses a project-local approved master image as the single source of truth, preventing visual drift across your catalog.
- Title-only updates: Replaces only the centered title area (no icons, no border/divider/texture changes), keeping layout geometry fixed.
- Catalog-safe outputs: Produces PNG-only outputs with consistent canvas size and validates that only the title text changed.
Quick Start
Run the skill to generate title-updated card PNGs for your Shopify collection names using your existing brand-memory baseline image and spec rules.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: shopify-collection-card-renderer Download link: https://github.com/redbananastudios/ai-library/archive/main.zip#shopify-collection-card-renderer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.