{"title":"UX\/UI","description":"","products":[{"product_id":"ai-image-generator","title":"AI Image Generator","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eMost teams skip AI image generation because setting up the API feels like another project. This skill teaches the prompting patterns and API mechanics for Google Gemini and OpenAI GPT image generation — so you can produce professional images directly from Claude Code without leaving your workflow.\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276583969112,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"color-palette","title":"Color Palette","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eBrand colors that look good in isolation often fail accessibility tests at scale. This skill takes a single brand hex and generates a complete, accessible colour system — all shades, states, and pairings — as Tailwind v4 CSS ready to paste directly into your project.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276587639128,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"favicon-generator","title":"Favicon Generator","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eA missing or mismatched favicon is a sign no one sweated the details. This skill generates a complete favicon package — all formats, all sizes, HTML integration code — from your logo, initials, or brand colours in one pass.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276597862744,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"icon-set-generator","title":"Icon Set Generator","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eGeneric icon libraries make every site look the same. This skill generates a custom SVG icon set built from a shared style specification — same stroke weight, corners, and density across every icon — so your UI has its own visual identity instead of a borrowed one.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276627222872,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"image-processing","title":"Image Processing","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eResizing, converting, and optimizing images manually is the kind of work that should never take more than a command. This skill gives you a clean CLI for common image operations — resize, compress, convert, crop — and generates custom Pillow scripts for anything more complex.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276629483864,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"design-bridge","title":"Design Bridge","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eDesign specs and code often speak different languages. This agent reads your DESIGN.md, extracts every color, typography rule, layout decision, and elevation treatment, then translates it into clear instructions any frontend subagent can implement without losing the original intent.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276637413720,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"tailwind-css-expert","title":"Tailwind CSS Expert","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eTailwind utility classes are powerful — but without discipline, every component ends up inconsistent. This agent builds modern, accessible interfaces with Tailwind CSS v4+ — container queries, OKLCH colors, and CSS-first theming — that stay minimal and maintainable as the project grows.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276644753752,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"ui-ux-tester","title":"UI\/UX Tester","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eQA that only follows the happy path misses the bugs that real users hit. This agent adopts the mindset of a frustrated user, exhaustively tests every documented flow using Chrome MCP or Computer Use, and delivers a structured defect report with visual proof, severity ratings, and concrete fixes.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276662481240,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"frontend-design","title":"Frontend Design","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eGeneric AI interfaces all look the same — safe, flat, and forgettable. This skill builds distinctive, production-grade frontend components and pages with real aesthetic choices, real working code, and the kind of craft that makes users trust the product before they read a word.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276695904600,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"ui-ux-pro-max","title":"UI\/UX Pro Max","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eMaking good design decisions requires more than intuition — you need reference points. This skill brings a searchable database of 50+ design styles, 161 color palettes, 57 font pairings, and 99 UX guidelines into Claude Code, with priority-based recommendations for every decision.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276715008344,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"ultimate-frontend-design","title":"Ultimate Frontend Design","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eA good brief shouldn't require Figma. This skill turns a text description into a bold, production-ready static site — React 18, TypeScript, Tailwind, shadcn\/ui, Framer Motion — deployable to Vite or Vercel with no design files required.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276719923544,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"ui-designer","title":"UI Designer","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eConsistent, beautiful UI doesn't happen by accident. This agent starts with a design context gathering session, then creates interfaces that align brand, accessibility, and interaction design — system-level thinking applied to every component.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276728279384,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"ui-design-system-builder","title":"UI Design System Builder","description":"\u003cp\u003e\u003cstrong\u003eUI Design System Builder\u003c\/strong\u003e — a curated Claude Code bundle for ux\/ui workflows.\u003c\/p\u003e\u003cp\u003eIncludes 4 AI agents: UI Designer, UI\/UX Tester, Design Bridge, Tailwind CSS Expert and 5 skills: UI\/UX Pro Max, Color Palette, Icon Set Generator, Frontend Design, WCAG Accessibility Audit.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eUI Designer \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eUI\/UX Tester \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eDesign Bridge \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eTailwind CSS Expert \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eUI\/UX Pro Max \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eColor Palette \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eIcon Set Generator \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eFrontend Design \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eWCAG Accessibility Audit \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003eAll files are \u003ccode\u003e.md\u003c\/code\u003e format, compatible with Claude Code on MacOS and Windows.\u003c\/p\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57385361703256,"sku":null,"price":51.99,"currency_code":"USD","in_stock":true}]},{"product_id":"visual-assets-brand-identity-kit","title":"Visual Assets \u0026 Brand Identity Kit","description":"\u003cp\u003e\u003cstrong\u003eVisual Assets \u0026amp; Brand Identity Kit\u003c\/strong\u003e — a curated Claude Code bundle for ux\/ui workflows.\u003c\/p\u003e\u003cp\u003eIncludes 1 AI agent: Design Bridge and 8 skills: AI Image Generator, Image Processing, Favicon Generator, Color Palette, Ultimate Frontend Design, Brand Strategy, Brand Voice Builder, Landing Page Generator.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eDesign Bridge \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eAI Image Generator \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eImage Processing \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eFavicon Generator \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eColor Palette \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eUltimate Frontend Design \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eBrand Strategy \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eBrand Voice Builder \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eLanding Page Generator \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003eAll files are \u003ccode\u003e.md\u003c\/code\u003e format, compatible with Claude Code on MacOS and Windows.\u003c\/p\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57385361736024,"sku":null,"price":47.99,"currency_code":"USD","in_stock":true}]}],"url":"https:\/\/promptworld.eu\/collections\/ui\/bundle.oembed","provider":"PromptWorld","version":"1.0","type":"link"}