fal-redesign agent skill by fal-ai-community
Redesigns a coded website by screenshotting it, generating a reference image with fal.ai, and writing a Markdown build-spec with hard constraints and tokens.json.
At a glance
| Publisher | fal Official |
|---|---|
| Repository | fal-ai-community/skills (16 listed skills) |
| Category | Frontend and Design |
| License | MIT |
| Last commit | May 13, 2026 (repository) |
| SKILL.md | 94 lines, 675 words |
| Bundled files | 18 files |
| Quality score | 73/100 · C Passes all seven graded checks |
| Security scan | Not scanned |
| README badge | Get the listing badge and raise the score |
Before you install
Read from the skill's files at the directory's October 19, 2026 snapshot: what ships with it, what its code reads, and the terms it is published under.
- Bundled scripts: 11 script files (11 JavaScript). Your agent may run them, so read them first.
- Network: its scripts use an HTTP client or a cloud SDK, and name
cdn.tailwindcss.com,fonts.googleapis.comandfal.run. - License: MIT, an open-source or open-content license.
Install fal-redesign
The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.
npx skills add https://github.com/fal-ai-community/skills/tree/main/skills/fal-redesigntmp="$(mktemp -d)"
git clone --depth 1 https://github.com/fal-ai-community/skills.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"skills/fal-redesign .claude/skills/
rm -rf "$tmp"python3 ~/.codex/skills/.system/skill-installer/scripts/install-skill-from-github.py \
--repo fal-ai-community/skills \
--path skills/fal-redesignfal-ai-community/skills is third-party code. Read SKILL.md and any bundled scripts before you install it.
How the author describes it
Upgrade a coded website to award-tier, editorially-crafted design using fal.ai. Takes a local HTML file or a dev-server URL, screenshots it, has an opus-4.7 vision model write a gpt-image-2 edit prompt, uses fal-ai/gpt-image-2/edit to produce the redesigned reference image, then opus-4.7 vision writes a Markdown build-spec with a "Hard constraints" section + a tokens.json. Also supports iterate (screenshot implemented site → delta-spec vs reference) and greenfield generate (brief → mockup → single-file HTML). Invoke when the user says "improve the design", "make it world-class", "redesign this landing page", "upgrade this site", "design pass", or points at a local HTML / dev server for a visual review.
From the description field of SKILL.md. Agents read this line to decide when to load the skill.
Sections in SKILL.md
- When to invoke
- Commands
- upgrade: redesign a coded site
- describe: re-run the build-spec on an existing after.png
- iterate: residual pixel-fix pass
- generate: greenfield (brief → site)
- Required environment
- Usage pattern for agents
- Model notes
- Runtime details
Files in the skill folder
DEMO.mdLICENSEREADME.mdSKILL.mdruntime/README.mdruntime/bin/fal-site.mjsruntime/package-lock.jsonruntime/package.jsonruntime/src/brief.mjsruntime/src/directions.mjsruntime/src/fal.mjsruntime/src/hero.mjsruntime/src/implement.mjsruntime/src/mockup.mjsruntime/src/review.mjsruntime/src/upgrade.mjsruntime/src/variants.mjsruntime/src/video.mjs
Suede Skill Check: 73/100 · C
Report snapshot · · graded-v2
The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.
Source revision: 9ca850412943. Report version 6f5b0ee3a635. Badge URLs follow the latest listing; save the report to keep this version.
Download report · Request a fresh review
What to review next
- Recent maintenance: 3 of 9 points. 9 for a repository commit within 30 days of the snapshot; 6 within 90; 3 within 180; 1 within 365.
- Boundary clause: 0 of 4 points. 4 when the description says when not to use the skill (“Not for …”, “Do not use …”, “Use … instead”).
- Reference files: 0 of 3 points. 3 when the skill folder ships a references/, reference/ or docs/ folder.
Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.
fal-redesign passes the required frontmatter check and all seven graded checks, which cover the SKILL.md format, a declared license and a commit in the last year. Those checks earn 56 of the score’s points; the rest come from description quality, instruction depth, bundled files, maintenance and curated-list citations. How the score works.
See the checks and points
| Check | Result |
|---|---|
| Frontmatter parses and declares a name and a description | Pass |
| Name uses lowercase letters, digits and hyphens, 64 characters or fewer | Pass |
| Name matches the skill's folder name | Pass |
| Description is between 50 and 1,024 characters | Pass |
| Description says when an agent should use the skill | Pass |
| SKILL.md body is 500 lines or fewer | Pass |
| A license is declared in the frontmatter or the repository | Pass |
| Repository has a commit in the last 12 months | Pass |
| Score component | Points |
|---|---|
| Structural checks | 56 of 56 |
| Description length | 3 of 5 |
| Boundary clause | 0 of 4 |
| Example request | 3 of 3 |
| Instruction depth | 7 of 7 |
| Reference files | 0 of 3 |
| Bundled scripts | 0 of 2 |
| Recent maintenance | 3 of 9 |
| Curated-list citations | 1 of 7 |
| Tool permissions declared | 0 of 2 |
| Compatibility declared | 0 of 2 |
Show the listing and raise the score
fal-redesign is listed with 73/100 · C. This badge links to its Suede listing. Skills scoring 80–99 add a numeric and a letter quality shield; the largest open points for fal-redesign are recent maintenance (6), boundary clause (4) and reference files (3). Send your repository and the points you want to raise, then request a fresh review after updating the skill.
[](https://skills.suedeai.ai/directory/fal-ai-community/skills/fal-redesign/)<a href="https://skills.suedeai.ai/directory/fal-ai-community/skills/fal-redesign/"><img src="https://skills.suedeai.ai/directory/badge.svg" alt="Suede Skills Directory: listed" height="20"></a>Where this skill is cited
fal-ai-community/skills appears in 1 curated list: heilcheng/awesome-agent-skills.