03 Add Product Images — Development skill for Claude Code
I am providing my own product images and a listings CSV for my VELOUR fashion eCommerce site (Next.js + TypeScript, App Router).
How to install 03 Add Product Images
Installs to ~/.claude/skills/aiwithhassan-ecommerce-application-with-ai-03_add_product_images/SKILL.md
mkdir -p ~/.claude/skills/aiwithhassan-ecommerce-application-with-ai-03_add_product_images && curl -fsSL https://raw.githubusercontent.com/AIwithhassan/ecommerce-application-with-ai/HEAD/prompts/03_add_product_images.md -o ~/.claude/skills/aiwithhassan-ecommerce-application-with-ai-03_add_product_images/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What 03 Add Product Images does
I am providing my own product images and a listings CSV for my VELOUR fashion eCommerce site (Next.js + TypeScript, App Router). Wire them into the website as real products through the project's existing listings pipeline — do not rebuild or redesign anything.
THE PIPELINE (already built into this project — read `incoming/README.md` for the full rules):
incoming/listings.csv— one row per product, columns in order: name, category, subcategory, price, compareAtPrice, description, sizes, imag
Alternatives in Development
- Brainstorm Ideas New — Brainstorm feature ideas for new products in early discovery 7.8k ★
- Portaljs Add Geo — Auto-ingest a geospatial file (GeoJSON, Shapefile, GeoPackage, KML/KMZ, FlatGeobuf, CSV-with-geometry) into a 2.3k ★
- 10 Context And Prompts — Prompt 10: Wire Up System Prompt, Context Gathering & Memory System 2.3k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
01 Create Frontend
Build a complete, modern, high-end fashion eCommerce website in the working directory.
Claude Ecom
Ecommerce CSV to business review with KPI decomposition
Ru Listing Writer
Agent Skill for Russian marketplace listing copy from ordered ecommerce images and keyword evidence
Gen Images Skill
Context-aware image generation skill for Claude Code — analyzes website brand identity and generates on-brand
Xiaobai Switch
小白也能上手的 Claude Code / Codex 上游配置切换桌面应用 A cross-platform, site-driven desktop app for switching Claude Code & C
Opentechalyzer
Free, open source website technology detection. Identify any site's full tech stack from its URL — CLI, librar
Related Agents
Web Builder
Builds and ships marketing websites, landing pages and brochure sites on Next.js App Router and Vercel. Use fo
Website Developer
Use this agent when you need to develop, enhance, or maintain the GitHub Pages static site in the docs/ folder
Fullstack Feature
Orchestrates backend-engineer + frontend-engineer for a single end-to-end feature. Use when the user says "add