skills.rest
fal-ai-community
fal-ai-communityOFFICIAL
Explore all skills by this author →
WebsiteGitHub

fal-redesign

Redesign websites from HTML files or dev-server URLs into Markdown build-specs and design tokens.

224|32|Updated Jan 22, 2026
Search Tags:#AI design#editorial design#website redesign#award-tier design#website improvement
One-click install
npx skills add https://github.com/fal-ai-community/skills --skill fal-redesign
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fal-redesign
Source: https://github.com/fal-ai-community/skills/tree/main/skills/fal-redesign
Command: npx skills add https://github.com/fal-ai-community/skills --skill fal-redesign

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @fal-ai/client, puppeteer, sharp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows users to instantly redesign their websites with professional, editorial-quality designs without any manual design work.

Core Features & Use Cases

  • Redesign Websites: Automatically redesign websites with AI-generated designs based on user input or existing website screenshots.
  • Design Customization: Customize design variants by selecting different design directions and applying them to the existing website.
  • Use Case: If you have a website you want to redesign, you can use this Skill to generate new design variations and choose the one you like best.

Quick Start

Run the 'upgrade' command on your website's HTML file with the --context option to describe your brand or the website's purpose.

Frequently Asked Questions about fal-redesign

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I redesign a website using AI?▼

You can redesign a website using AI by providing a local HTML file or a dev-server URL. The tool captures a screenshot, generates an AI redesign, and outputs a Markdown build-spec and design tokens.

Can I generate a website design from scratch or do I need an existing HTML file?▼

You do not need an existing HTML file to generate a website design. The tool handles both greenfield designs from scratch and iterative improvements on existing website screenshots.

How do I customize an AI-generated website redesign?▼

You customize an AI-generated website redesign by providing context about your brand and selecting different design directions. The tool generates multiple variants, allowing you to choose and apply the best fit.

What is a Markdown build-spec and design tokens in website redesign?▼

A Markdown build-spec and design tokens are the outputs of an AI website redesign. The build-spec provides structural instructions, while design tokens define the visual styling variables for implementation.

Does the AI website redesign tool work with a dev-server URL?▼

Yes, the AI website redesign tool works with a dev-server URL. It accepts a URL or a local HTML file, captures a screenshot of the current state, and uses it as the basis for the redesign.

What are the limitations of automated AI website redesign?▼

A limitation of automated AI website redesign is that it generates design variants and tokens rather than directly deploying code. You must integrate the Markdown build-spec and design tokens into your codebase manually.

Related Skills

Explore More Design & Creative Skills→
diegocamara89diegocamara89
3

webapp-testing

Automate local web app testing with Python Playwright and server orchestration.

Community
Intermediate
rezosndrezosnd

website-cloning

Clone existing websites into React + Vite projects using Playwright.

Community
Advanced
trungdo9trungdo9
3

chrome-devtools

Automate browser tasks and interactions using Puppeteer with JSON output.

Community
Advanced
xijunwwxijunww
1

ui-ux-pro-max

Search UI styles, palettes, and font pairings using Python BM25.

Community
Intermediate