Detail Flow
AJbeckliy/detail-flow
Build, redesign, polish, or review product detail pages for products, AI tools, models, SaaS features, developer products, plugins, ecommerce listings, and technical showcases.
Build or transform ecommerce websites from loose company, product, or brand briefs into unconventional, brand-specific shopping experiences with original ImageGen product imagery.
Install Crazy Ecommerce Builder
$ npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install buildfastwithai/gen-ai-experiments crazy-ecommerce-builder --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/buildfastwithai/gen-ai-experiments.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/crazy-ecommerce-builder .claude/skills/crazy-ecommerce-builder && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "crazy-ecommerce-builder" agent skill from https://github.com/buildfastwithai/gen-ai-experiments/tree/main/skills/crazy-ecommerce-builder into .claude/skills/crazy-ecommerce-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "crazy-ecommerce-builder", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/buildfastwithai/gen-ai-experiments/tree/main/skills/crazy-ecommerce-builderType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install buildfastwithai/gen-ai-experiments crazy-ecommerce-builder --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/buildfastwithai/gen-ai-experiments.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/crazy-ecommerce-builder .agents/skills/crazy-ecommerce-builder && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "crazy-ecommerce-builder" agent skill from https://github.com/buildfastwithai/gen-ai-experiments/tree/main/skills/crazy-ecommerce-builder into .agents/skills/crazy-ecommerce-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "crazy-ecommerce-builder", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install buildfastwithai/gen-ai-experiments crazy-ecommerce-builder --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/buildfastwithai/gen-ai-experiments.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/crazy-ecommerce-builder .cursor/skills/crazy-ecommerce-builder && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "crazy-ecommerce-builder" agent skill from https://github.com/buildfastwithai/gen-ai-experiments/tree/main/skills/crazy-ecommerce-builder into .cursor/skills/crazy-ecommerce-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "crazy-ecommerce-builder", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/buildfastwithai/gen-ai-experiments.git --path skills/crazy-ecommerce-builder--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install buildfastwithai/gen-ai-experiments crazy-ecommerce-builder --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/buildfastwithai/gen-ai-experiments.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/crazy-ecommerce-builder .gemini/skills/crazy-ecommerce-builder && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "crazy-ecommerce-builder" agent skill from https://github.com/buildfastwithai/gen-ai-experiments/tree/main/skills/crazy-ecommerce-builder into .gemini/skills/crazy-ecommerce-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "crazy-ecommerce-builder", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install buildfastwithai/gen-ai-experiments crazy-ecommerce-builderInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/buildfastwithai/gen-ai-experiments.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/crazy-ecommerce-builder .github/skills/crazy-ecommerce-builder && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "crazy-ecommerce-builder" agent skill from https://github.com/buildfastwithai/gen-ai-experiments/tree/main/skills/crazy-ecommerce-builder into .github/skills/crazy-ecommerce-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "crazy-ecommerce-builder", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install buildfastwithai/gen-ai-experiments crazy-ecommerce-builder --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/buildfastwithai/gen-ai-experiments.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/crazy-ecommerce-builder .opencode/skills/crazy-ecommerce-builder && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "crazy-ecommerce-builder" agent skill from https://github.com/buildfastwithai/gen-ai-experiments/tree/main/skills/crazy-ecommerce-builder into .opencode/skills/crazy-ecommerce-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "crazy-ecommerce-builder", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
crazy-ecommerce-builder- GitHub stars
- 785
- Token cost
- ~1.7k tokens
- SKILL.md length
- 846 words
- Files
- 5 (incl. references)
- Skills in repo
- 13
- Repo updated
- First seen
- Licence
- MIT
At a glance
Build or transform ecommerce websites from loose company, product, or brand briefs into unconventional, brand-specific shopping experiences with original ImageGen product imagery.
- Works in 6 steps: Inspect and protect the workspace → Write the creative thesis → Plan a small image system → …
- A user asks for a crazy
- SKILL.md covers Required companion skills, Inputs, Workflow and Quality bar, plus 1 more section
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Crazy Ecommerce Builder is an agent skill from buildfastwithai/gen-ai-experiments. Build or transform ecommerce websites from loose company, product, or brand briefs into unconventional, brand-specific shopping experiences with original ImageGen product imagery. Use when a user asks for a crazy, wild, experimental, unconventional, anti-template, art-directed, or highly memorable online store; wants Codex to invent an ecommerce visual direction from business details; or wants a working storefront that combines creative concepting, generated product photography, responsive implementation, cart…
Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `agents/openai.yaml`, `references/commerce-checklist.md` and `references/creative-system.md`).
It sits in Sales & Support, covering E-commerce operations. The repository describes itself as: Collection of Jupyter notebooks is designed to provide you with a comprehensive guide to various AI tools and technologies. The licence is MIT.
When your agent uses it
- A user asks for a crazy
- Highly memorable online store
- Wants Codex to invent an ecommerce visual direction from business details
- Wants a working storefront that combines creative concepting
Example prompts
- “/crazy-ecommerce-builder”
Workflow steps
6 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 7b62043. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Crazy Ecommerce Builder loads about 1.7k tokens when it runs, and up to ~4.3k if it reads all its reference files. Until then it costs about 148 tokens; SKILL.md has 846 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from buildfastwithai/gen-ai-experiments at commit 7b62043, republished under its MIT licence (© buildfastwithai). 846 words, ~1,725 tokens.
Download SKILL.mdSave it as
.claude/skills/crazy-ecommerce-builder/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.- name
- crazy-ecommerce-builder
- description
- Build or transform ecommerce websites from loose company, product, or brand briefs into unconventional, brand-specific shopping experiences with original ImageGen product imagery. Use when a user asks for a crazy, wild, experimental, unconventional, anti-template, art-directed, or highly memorable online store; wants Codex to invent an ecommerce visual direction from business details; or wants a working storefront that combines creative concepting, generated product photography, responsive implementation, cart interactions, validation, and optional publishing.
Crazy Ecommerce Builder
Turn a short company brief into a coherent creative thesis, a custom image world, and a working ecommerce experience. Make the result surprising because it expresses the product truth—not because it uses random effects.
Required companion skills
Use the available sites-building skill for implementation and validation, imagegen for original raster assets, and sites-hosting for publishing unless the user asks to keep the site local. Read each selected skill before taking its actions. If one is unavailable, follow the closest local workflow and state the limitation briefly.
Inputs
Extract or infer:
- company or product name;
- what is sold and why it is meaningfully different;
- customer and price position;
- catalog size or representative products;
- brand personality, taboos, and desired level of visual risk;
- existing assets, copy, site, stack, and publishing preference.
Do not demand a complete brief. Ask at most two short questions only when a missing answer would materially change the business or creative direction. Otherwise make labeled assumptions and proceed. Treat supplied product facts, prices, claims, and materials as source of truth; never invent regulated, medical, sustainability, performance, or certification claims.
Workflow
1. Inspect and protect the workspace
Determine whether this is a new site or an existing project. Preserve the existing package manager, architecture, working features, user changes, and hosting configuration. Inspect the current product surface before editing. Do not replace a functioning project solely to use a preferred framework.
2. Write the creative thesis
Before designing, condense the brief into:
- Product tension — the surprising contradiction or transformation inside the product.
- Customer feeling — the emotion the first viewport should create.
- Visual world — one specific art-direction system with palette, type behavior, composition, photography, motion, and texture.
- Commerce spine — the shortest path from intrigue to product understanding to purchase.
- Signature device — one memorable motif tied to the product, such as a seam, split, orbit, tear, specimen label, thermal map, or impossible scale shift.
Read creative-system.md when choosing the direction. Do not start implementation until the thesis is internally coherent.
If the user explicitly asks to choose among directions, or the applicable Sites workflow requires a picker, create three genuinely distinct concepts and follow that workflow. Otherwise choose the strongest direction and build without pausing.
3. Plan a small image system
Read image-system.md. Generate a deliberate family of assets rather than unrelated pretty images. Default to:
- one landscape hero image with usable copy space;
- two to four consistent product-card images;
- one process or editorial image only when it adds information;
- exactly one finished social card after the site's palette, headline, and motifs are stable.
Use built-in ImageGen mode by default. Keep every project-used final asset inside the workspace. Inspect generated results for product accuracy, text errors, unwanted objects, inconsistent materials, malformed geometry, and mismatched lighting. Retry only with a targeted correction.
Show full SKILL.md (379 more words)Show less
4. Build the commerce experience
Read commerce-checklist.md. Build the first viewport around the product, not generic navigation or a dashboard shell. Include concrete brand copy and realistic product data.
Make the site feel unconventional through hierarchy, composition, cropping, typography, color relationships, copy voice, and one or two purposeful interactions. Preserve legibility, product comprehension, obvious calls to action, keyboard access, touch usability, responsive behavior, and reduced-motion support.
At minimum, implement:
- a distinctive hero with a clear product proposition;
- browseable products with names, prices, useful details, and add-to-cart controls;
- visible cart state and a usable cart surface;
- a credible brand/process/proof section;
- mobile behavior and accessible labels;
- honest handling of checkout, inventory, newsletter, and other integrations.
If payment, inventory, email, or fulfillment services are not connected, implement a polished demo state and say so in the handoff. Never imply that money, subscriptions, or orders are being processed when they are not.
5. Validate proportionally
Run the production build after implementation. Fix actual failures and rebuild. Check that generated assets resolve, key product content is present, interactions compile, and the old starter identity is gone. Follow the Sites preview rules; do not add browser QA unless requested or required.
6. Publish and hand off
Publish through sites-hosting after a successful build unless the user requested local-only work. Lead with the live URL. Briefly summarize the concept, working commerce interactions, generated-image set, and any intentionally unconnected production service such as checkout.
Quality bar
- The design could not be swapped onto an unrelated company without losing meaning.
- The product is understandable within the first viewport despite the experimentation.
- Every generated image depicts the same product logic and art direction.
- Mobile is composed, not merely stacked.
- Motion supports the concept and respects reduced-motion preferences.
- Copy has a recognizable voice without obscuring essential buying information.
- The user receives a working site, not only a moodboard or static mockup.
Avoid
- generic luxury beige, default SaaS gradients, gratuitous glassmorphism, and template-card grids;
- random distortion, cursor gimmicks, or animation that blocks shopping;
- fake reviews, fake scarcity counters, fake certifications, or unsupported claims;
- generating text-heavy images when HTML text should remain selectable and responsive;
- using generated imagery as a substitute for missing product truth;
- leaving project assets only in ImageGen's default output directory;
- finishing without build validation or hiding incomplete integrations.
© buildfastwithai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 4 other files (references) in skills/crazy-ecommerce-builder of buildfastwithai/gen-ai-experiments.
- SKILL.md
- agents/openai.yaml
- references/commerce-checklist.md
- references/creative-system.md
- references/image-system.md
Open the folder on GitHubat commit 7b62043
Compare with similar skills
Crazy Ecommerce Builder next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Crazy Ecommerce Builder this skillbuildfastwithai/gen-ai-experiments | 785 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Detail FlowAJbeckliy/detail-flow | 212 | — | ~5.8k | Automated safety check: Pass | None | |
| Product Videopexoai/pexo-skills | 802 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Ecommerce Product Montage0xsline/OpenChatCut | 2.2k | — | ~1.1k | Automated safety check: Pass | AGPL-3.0 | |
| Scenario Product Shotsscenario-labs/skills | 931 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Product Reel Generatorgooseworks-ai/goose-skills | 1.2k | 1 repos | ~2.3k | Automated safety check: Notes | MIT |
Similar skills
Product Video
pexoai/pexo-skills
Turn product photos or a store URL into a polished product video with Pexo.
Ecommerce Product Montage
0xsline/OpenChatCut
Assemble product footage, UGC, and b-roll into a conversion-oriented montage with a hook → pain → demo → proof → CTA rhythm.
Scenario Product Shots
scenario-labs/skills
A skill your agent uses when producing product photography with Scenario from a real product photo: e-commerce packshots on white, transparent, or brand backgrounds, lifestyle scenes placing the…
Product Reel Generator
gooseworks-ai/goose-skills
Generates Instagram-ready product reels from any e-commerce product page URL.
Product Image Generator
LeoYeAI/openclaw-master-skills
Generates professional product images for e-commerce platforms (Amazon, Shopify, eBay, etc.).
More from buildfastwithai/gen-ai-experiments
All 13 skills in this repoLanding Page Generator
buildfastwithai/gen-ai-experiments
Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.
Talking Avatar Voice Chat App
buildfastwithai/gen-ai-experiments
Builds a realtime voice-chat app around a talking character portrait made from your photo or a text description, with mouth sprites driven by the audio.
LaunchAudit
buildfastwithai/gen-ai-experiments
Audits a startup, app or landing page from a URL, localhost, repository, screenshots or copy, then gives a launch-readiness verdict, prioritized fixes and an HTML report.
Startupblueprint
buildfastwithai/gen-ai-experiments
Turn a startup, SaaS, app, developer tool, website, repository, or product idea into an evidence-backed business plan, monetization strategy, pricing architecture, editable 12-month financial model…
Eazyr Repo Onboarding Kit
buildfastwithai/gen-ai-experiments
Creates a QUICKSTART, doctor scripts and a documented .env.example for an unfamiliar repo from facts scanned in the repo, and audits how easy it is to onboard.
Mutation Test Strength Audit
buildfastwithai/gen-ai-experiments
Measures how well a Python pytest suite catches behavior changes through diff-scoped mutation testing, then proposes and verifies tests for surviving mutants.
Related
Categories
Questions about Crazy Ecommerce Builder
What does Crazy Ecommerce Builder do?
Build or transform ecommerce websites from loose company, product, or brand briefs into unconventional, brand-specific shopping experiences with original ImageGen product imagery. Crazy Ecommerce Builder is an agent skill from buildfastwithai/gen-ai-experiments. Build or transform ecommerce websites from loose company, product, or brand briefs into unconventional, brand-specific shopping experiences with original ImageGen product imagery.
When should I use Crazy Ecommerce Builder?
Crazy Ecommerce Builder fits situations like: A user asks for a crazy; highly memorable online store; wants Codex to invent an ecommerce visual direction from business details; wants a working storefront that combines creative concepting.
How do I install Crazy Ecommerce Builder in Claude Code?
Run `npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a claude-code`. Or copy the skill folder (skills/crazy-ecommerce-builder in buildfastwithai/gen-ai-experiments) into .claude/skills/crazy-ecommerce-builder in your project. Claude Code loads it when a task matches its description.
How do I install Crazy Ecommerce Builder in Codex?
Run `npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a codex`. Or copy the skill folder (skills/crazy-ecommerce-builder in buildfastwithai/gen-ai-experiments) into .agents/skills/crazy-ecommerce-builder in your project. Codex loads it when a task matches its description.
Can I use Crazy Ecommerce Builder in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add buildfastwithai/gen-ai-experiments --skill crazy-ecommerce-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/crazy-ecommerce-builder, .gemini/skills/crazy-ecommerce-builder, .github/skills/crazy-ecommerce-builder and .opencode/skills/crazy-ecommerce-builder in your project.
What does Crazy Ecommerce Builder need to run?
SKILL.md names no scripts, command-line tools or credentials: Crazy Ecommerce Builder is instructions for the agent only.
Does Crazy Ecommerce Builder access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Crazy Ecommerce Builder safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Crazy Ecommerce Builder use?
Crazy Ecommerce Builder is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Crazy Ecommerce Builder use?
About 1.7k tokens (SKILL.md is roughly 6.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.6k tokens, read only when the agent opens those files.
What are the alternatives to Crazy Ecommerce Builder?
Skills that share tags, products or a category with Crazy Ecommerce Builder: Detail Flow (AJbeckliy/detail-flow, 212 stars), Product Video (pexoai/pexo-skills, 802 stars), Ecommerce Product Montage (0xsline/OpenChatCut, 2.2k stars) and Scenario Product Shots (scenario-labs/skills, 931 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Crazy Ecommerce Builder?
buildfastwithai (a GitHub organization) maintains it in buildfastwithai/gen-ai-experiments, which has 785 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on September 22, 2026.
Source: buildfastwithai/gen-ai-experiments on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.