Fal redesign β award-tier design passes for coded websites
Screenshot a coded site, have a vision model write an edit prompt, render the redesigned reference via fal-ai image edit, and get a build-spec with hard constraints plus design tokens β plus iterate and greenfield generate modes
- What
- Screenshot a coded site, have a vision model write an edit prompt, render the redesigned reference via fal-ai image edit, and get a build-spec with hard constraints plus design tokens β plus iterate and greenfield generate modes
- Cost
- Free
- Needs
- a fal.ai account with FAL_KEY set in the environment (paid, metered API β each design pass calls fal.ai image and OpenRouter vision models), Node 18+ to run the bundled runtime
- Install
- Copy the installer prompt below into your Muse β your agent does the rest.
π³ **Paid API required** β Selected by Skill Harbor β short listing (the repo states no license, so no content is reproduced): @fal-ai-community's redesign pipeline for coded websites. Hand it a local HTML file or a dev-server URL and the bundled Node runtime runs four modes β `upgrade` (puppeteer screenshot β an opus-class vision model drafts the edit prompt β `fal-ai/gpt-image-2/edit` renders the redesigned reference image β a Markdown build-spec with a "Hard constraints" section plus a `tokens.json` that the agent applies to the real HTML), `describe` (re-run a build-spec on an existing image), `iterate` (screenshot the implemented site and emit a delta-spec vs the reference), and `generate` (freeform brief β mockup β single-file HTML, with parallel design variants and a comparison gallery). Honest caveats: the fal.ai API is metered β a `FAL_KEY` is required and each pass takes 60β180 seconds; the runtime needs `npm install` inside its `runtime/` folder first. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: a fal.ai account with FAL_KEY set in the environment (paid, metered API β each design pass calls fal.ai image and OpenRouter vision models), Node 18+ to run the bundled runtime Install "Fal redesign β award-tier design passes for coded websites" for me. It gives my agent @fal-ai-community's four-mode redesign pipeline: upgrade (screenshot a local HTML file or dev-server URL, vision model drafts the edit prompt, fal-ai/gpt-image-2/edit renders the redesigned reference image, and I get a Markdown build-spec with "Hard constraints" plus tokens.json to apply to the real HTML), describe (re-run a build-spec on an existing after.png), iterate (screenshot the implemented site and get a delta-spec vs the reference), and generate (freeform brief β mockup β single-file HTML, with parallel variants and a comparison gallery). IMPORTANT: the repo states no license β fetch from the link only, and reproduce nothing beyond the link. Repository: https://github.com/fal-ai-community/skills/blob/main/skills/fal-redesign/SKILL.md 1. Fetch the SKILL.md file (and the runtime/ folder) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and the runtime scripts for anything suspicious (unexpected network calls beyond fal.ai and OpenRouter, shell commands, credential harvesting). This repo should contain zero secrets in code β the only credential is the FAL_KEY environment variable, never committed. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its runtime/ folder into the agent's skills directory, in a folder named "fal-redesign". 4. Verify with no network calls: frontmatter valid, files in place (do not run npm install until I give the go-ahead). 5. Report what was installed, where, and what I still need to do myself (e.g. run `cd runtime && npm install`, set my FAL_KEY in the environment β I pay for the fal.ai usage myself). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you β no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the sellerβs own page, usually Stripe.
What does the β next to a creatorβs name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself β always check a build before installing it.