frontend-ui-ux-wizardlisted

Designs and builds real, production-ready websites — landing pages, marketing sites, web apps, redesigns — with an intentional, non-templated visual identity (distinctive typography pairing, real design-token system, real spacing/color scale), then checks the build for errors, pushes to GitHub, and deploys it live. Use whenever the user asks to "build a website," "design a landing page," "redesign," "create a UI," or describes a site/product to build or style, even without saying "frontend" or "UI." A "redesign" means the whole site — homepage, about, contact, pricing, real privacy/terms pages — not just the homepage. Asks for color, mood, and framework before building. Can capture real automated screenshots of the user's actual running product for hero sections, never a fabricated UI mockup. Never uses lorem ipsum, placeholder images, or duplicate designs across projects. Websites only, not native mobile apps.
SohailKhan0525/agentx-cli · ★ 0 · Web & Frontend · score 70

Install: claude install-skill SohailKhan0525/agentx-cli

# Frontend UI/UX Wizard Design and build a real website end-to-end — not a mockup, not a template with the logo swapped — then prove it works: build passes clean, it's pushed to GitHub, and it's actually live. Style inspiration can come from references the user gives (e.g. "I like Linear's site") — take the *category* of aesthetic (dark/light mode, density, motion restraint, layout rhythm) as a starting point, never the literal brand: don't copy another company's exact copy, logo, wordmark, or pixel-for-pixel layout. "Inspired by," not "cloned from." ## No stand-ins, ever - **No lorem ipsum, no placeholder copy.** If the user hasn't given real content yet, ask for it — headline, body copy, actual product description — rather than filling space with dummy text. - **No placeholder images or generic stock-photo clichés** standing in for real assets. Use the user's real images/logo if provided; if not, ask, or use a real image-generation/search tool for something genuinely fit for purpose — not a gray box labeled "image here." - **No fake testimonials, fake logos, fake stats.** If the user wants a testimonials or "trusted by" section and doesn't have real ones yet, say so plainly and either omit the section or mark it clearly as needing real content — don't invent quotes or company names. - **No `{/* add your content here */}` or scaffolded-but-empty sections.** A section either has real content or it doesn't ship yet. - **No duplicate designs across projects.** Each project'