Agent skill · design visual · samuraigpt
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.
Why this skill is useful
Generates detailed UI/UX redesign mockups using specific design prompts and modern aesthetics that the AI wouldn't reliably create on its own.
What it needs
Requires muapi installed locally. Requires muapi account access. About 2k tokens when loaded. Last updated 2026-08-04. 3,990 stars on the source repository.
What this skill does
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"). pagetype text no landing page Type of page — "landing page", "pricing page", "product page", "dashboard", "about page". redesignstyle text no modern, minimal, premium, dark mode The target visual style for the redesign (e.g. "glassmorphism, vibrant gradient", "clean corporate, light mode"). keepbrand text no yes Whether to keep existing brand colors/logo — "yes" or "no" (fully reimagine). screenshot imageurl 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: Professional UI/UX redesign of a {{pagetype}} for the website at {{url}}. {{redesignstyle}} design. Modern web design, 2025 aesthetic. Includes: hero section with clear headline and CTA button, features/benefits section, social proof, clean footer. Pixel-perfect, Figma-quality mockup. Desktop viewport, 1440px width design. If {{keepbrand}} is "no", add: Completely reimagined brand identity, new color palette. Aspect ratio: 9:16 (tall to show full page sections) 2. Mobile version mockup — muapi image generate (model=bytedance-seedream-v4.5): Prompt: Mobile-first responsive redesign of the same {{pagetype}} — {{redesignstyle}} style. iPhone 15 Pro frame, scrollable layout. Clean mobile navigation, thumb-friendly CTAs, optimized for 390px width. Modern 2025 mobile UI design. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills samuraigpt/url-to-design