Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
samuraigpt avatar

Muapi Url To Design

  • 565 installs
  • 4k repo stars
  • Updated August 4, 2026
  • samuraigpt/generative-media-skills

muapi-url-to-design is an agent skill recipe that analyzes a website URL and generates a redesigned, modern UI mockup via muapi-cli for developer design iteration.

About

muapi-url-to-design is the URL to Design recipe in SamurAIGPT/Generative-Media-Skills that ingests a website URL and produces a redesigned UI with modern aesthetics through agent-guided muapi-cli steps. Part of the Visual recipe pack within 41 workflow recipes, it bridges competitive or legacy site analysis into visual redesign references for product teams. The parent repository provides schema-driven scripts, 100+ models, JSON agent outputs, and MCP exposure of 19 tools for Claude Desktop or Cursor. Install via npx skills add SamurAIGPT/Generative-Media-Skills --skill muapi-url-to-design with MUAPI_API_KEY configured. Frontend developers invoke it when refreshing landing pages, prototyping improved layouts from existing sites, or generating UI references without starting from a blank Figma frame during redesign spikes, competitive teardown sessions, landing-page refresh planning, and early UX exploration before production implementation begins in React or web stacks.

  • muapi-url-to-design

Muapi Url To Design by the numbers

  • 565 all-time installs (skills.sh)
  • +47 installs in the week ending Aug 5, 2026 (Skillselion tracking)
  • Ranked #749 of 4,347 Backend & APIs skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/samuraigpt/generative-media-skills --skill muapi-url-to-design

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs565
repo stars4k
Last updatedAugust 4, 2026
Repositorysamuraigpt/generative-media-skills

How do you redesign a website UI from an existing URL?

Use muapi-url-to-design for development tasks

Who is it for?

Frontend developers prototyping UI refreshes from live competitor or legacy URLs using muapi agent orchestration.

Skip if: Teams needing production React component code or backend refactors without any visual redesign exploration step.

When should I use this skill?

User provides a website URL and wants a modern UI redesign, mockup refresh, or visual improvement via muapi skills.

What you get

Modern UI mockup images, redesign direction frames, and muapi CDN URLs derived from the analyzed website.

  • Redesigned UI mockup images
  • Visual redesign direction frames
  • CDN-hosted asset URLs

By the numbers

  • One of 41 workflow recipes in Generative-Media-Skills
  • Parent repo exposes 19 MCP tools and 100+ AI models

Files

SKILL.mdMarkdownGitHub ↗

✏️ MuAPI Media Editing & Enhancement

Advanced editing and enhancement operations for images and videos.

Apply AI-powered edits, enhancements, and effects to existing media. Supports prompt-based editing with Flux Kontext, GPT-4o, and Midjourney, plus one-click operations like upscaling and background removal.

Available Scripts

ScriptDescription
edit-image.shPrompt-based image editing (Flux Kontext, GPT-4o, Midjourney, Qwen, and more)
enhance-image.shOne-click operations: upscale, background removal, face swap, colorize, Ghibli style, product shots
lipsync.shSync video lip movement to audio (Sync Labs, LatentSync, Creatify, Veed)
video-effects.shVideo/image effects: Wan AI, face swap, dance, dress change, Luma modify/reframe

Quick Start

# Edit an image with a prompt
bash edit-image.sh --image-url "https://..." --prompt "add sunglasses" --model flux-kontext-pro

# Upscale an image
bash enhance-image.sh --op upscale --image-url "https://..."

# Remove background
bash enhance-image.sh --op background-remove --image-url "https://..."

# Lipsync a video
bash lipsync.sh --video-url "https://..." --audio-url "https://..." --model sync

# Apply dance effect
bash video-effects.sh --op dance --image-url "https://..." --audio-url "https://..."

Common Flags

All scripts support: --async, --json, --timeout N, --help

Requirements

  • MUAPI_KEY environment variable (set via core/platform/setup.sh)
  • curl, jq, python3

Related skills

How it compares

Use muapi-url-to-design for URL-driven visual refreshes; use muapi-ui-designer primitives for greenfield mobile or web mockups without a source URL.

FAQ

What input does muapi-url-to-design require?

muapi-url-to-design takes a website URL, analyzes the existing interface, and generates a redesigned UI mockup with modern aesthetics through muapi-cli recipe steps.

Does muapi-url-to-design output production code?

muapi-url-to-design delivers visual redesign mockups and CDN-hosted images for iteration; agents still implement production HTML, CSS, or framework code separately.

Backend & APIsbackendintegrations

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.