muapi-url-to-design
Analyze a website URL and generate a redesigned, improved UI — recreate the visual design with modern aesthetics, better hierarchy, and fresh brand direction.
npx skills add SamurAIGPT/Generative-Media-Skills --skill url-to-design --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# URL to Design **Analyze a website URL and generate a redesigned, improved UI — recreate the visual design with modern aesthetics, better hierarchy, and fresh brand direction.** ## Inputs | Name | Type | Required | Default | Description | |:---|:---|:---|:---|:---| | `url` | text | yes | — | The website URL to analyze and redesign (e.g. "https://example.com/pricing"). | | `page_type` | text | no | landing page | Type of page — "landing page", "pricing page", "product page", "dashboard", "about page". | | `redesign_style` | text | no | modern, minimal, premium, dark mode | The target visual style for the redesign (e.g. "glassmorphism, vibrant gradient", "clean corporate, light mode"). | | `keep_brand` | text | no | yes | Whether to keep existing brand colors/logo — "yes" or "no" (fully reimagine). | | `screenshot` | image_url | no | — | Optional screenshot of the current page if URL cannot be crawled. | ## Steps ### Phase A — Redesign Generation Submit the plan with TWO parallel steps: 1. **Full-page redesign mockup** — If `{{screenshot}}` is provided, use `muapi image edit` (model=`gpt4o-edit`); otherwise use `muapi image generate` (model=`gpt4o-text-to-image`): - Prompt: `Profess
- Inputs
- Steps
- Phase A — Redesign Generation
- Notes
- Trigger Keywords
- Notes for the Executing Agent
What does the muapi-url-to-design skill do?
Analyze a website URL and generate a redesigned, improved UI — recreate the visual design with modern aesthetics, better hierarchy, and fresh brand direction.
How do I install it?
Run `npx skills add SamurAIGPT/Generative-Media-Skills --skill url-to-design --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From SamurAIGPT/Generative-Media-Skills, a repository with 3,976 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.