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

kesslerio/ultimate-frontend-design-openclaw-skill

1 skill · 56 installs · 4 stars · GitHub

Install

npx skills add https://github.com/kesslerio/ultimate-frontend-design-openclaw-skill

Skills in this repo

1Frontend Design UltimateFrontend Design Ultimate is an agent skill for solo and indie builders who need distinctive static web interfaces without a design handoff. You describe the product, audience, and pages in plain language; the skill walks through explicit design thinking—purpose, audience, and performance constraints—before generating React components styled with Tailwind and shadcn/ui, with optional Framer Motion. It targets anti-generic “AI slop” visuals and mobile-first layouts suited to SaaS landings, portfolios, and lightweight dashboards. Two output paths keep shipping flexible: Vite for pure static HTML bundles and Next.js when you want a Vercel-oriented app structure. Node and npm are required on the machine. Use it when you are ready to implement UI, including during validation when a credible landing page helps prove demand, and during build when you want a memorable frontend fast.56installs
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

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

unsubscribe anytime.