Build your own render tool for a brand look with Claude Code
by PaperChaseWebb
A designer used Claude Code to build a browser tool for liquid 3D shapes, with a WebGL2 path tracer and denoising, that exports 4K loops. The point: designers can now make the tool, not only the image.
- Price
- Free
- Difficulty
- Intermediate
- Setup
- 30 min
- Format
- .md file
build-your-own-render-tool-for-a-brand-look-with-claude-code.md · 2 KB · direct download, no signup
What you end up with
A small internal tool keeps a visual style consistent across many assets, which is hard to get from prompting an image model each time.
What you get
- A plain-language summary of the workflow
- A fill-in prompt template
- What to watch out for
- A link to the original source
Who it is for
Builders who already use AI agents and want a proven workflow they can copy into their own project.
Works with
Solid chips: the agent is named in this listing's own tools list. Dashed chip: Plain Markdown, so it also pastes into other agents such as Grok Bot, Hermes, OpenClaw or Muse. We list those as compatible by format only, not as tested.
Tools needed
Cost to run: Free with the agent plan you already use.
Time to result: One working session
How it works
Collect three reference images of the look and name what makes it
Collect three reference images of the look and name what makes it
Expected: Done before you move to the next step.
Ask for a single-page tool with sliders for only those qualities
Ask for a single-page tool with sliders for only those qualities
Expected: Done before you move to the next step.
Add a still export first, then video loops
Add a still export first, then video loops
Expected: Done before you move to the next step.
Lock a few presets as your brand set
Lock a few presets as your brand set
Expected: Done before you move to the next step.
Keep the tool in a repo so it can be fixed later
Keep the tool in a repo so it can be fixed later
Expected: Done before you move to the next step.
Sample prompt from the pack
Apply this workflow to [your project]: 1. Collect three reference images of the look and name what makes it 2. Ask for a single-page tool with sliders for only those qualities 3. Add a still export first, then video loops 4. Lock a few presets as your brand set 5. Keep the tool in a repo so it can be fixed later Stop and ask me before anything irreversible: deploys, payments, sends or deletes.
Adapted by PaperChaseWebb. Not the original author's prompt.
Free preview of the file
# Build your own render tool for a brand look with Claude Code PaperChase agent use case (free feed entry), version 1.0. Source: [Szymon (@aecyydesign on X)](https://x.com/aecyydesign/status/2114825374961897939), 2026-10-26. ## What they did The designer described the look they wanted and had Claude Code build a dedicated browser app for it: controls for shape and material, a WebGL2 path tracer for realistic light, denoising on WebGPU and export of 4K looping clips. The tool now produces a family of visuals in one style on demand instead of each image being made by hand. ## Worth knowing A small internal tool keeps a visual style consistent across many assets, which is hard to get from prompting an image model each time. Path tracing in the browser is heavy, so expect long renders on weak GPUs.
Worth knowing
- A small internal tool keeps a visual style consistent across many assets, which is hard to get from prompting an image model each time. Path tracing in the browser is heavy, so expect long renders on weak GPUs.
- Figures are as reported by the original author and were not re-measured by us.
Questions
Where does this come from?
A public post credited to Szymon (@aecyydesign on X). Source: https://x.com/aecyydesign/status/2114825374961897939
Is it free?
Yes. Feed entries are free to read and download.
Details
Version 1.0 · Updated Oct 27, 2026 · Markdown version of this page
License: Personal and commercial use. Credit the original source when you share the workflow. Download terms
Related

AGENTS.md, CLAUDE.md and Cursor rules starter files
Six fill-in instruction files for coding agents (base, Next.js plus Supabase, FastAPI, browser game, CLAUDE.md pointer, scoped Cursor rules) and 8 prompts to write, trim and test your own.

Ask-first rules for AI agents: hard nos, approval cards and a test set
Paste-in rules that make an agent ask before it sends, spends, posts or deletes, define what a real yes is, and stop retries after a no, plus 12 test scenarios to check it.