{"title":"Frontend","description":"","products":[{"product_id":"deep-research-1","title":"Deep Research","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eBuilding without research is expensive guessing. This skill goes wide and deep before you write a line of code — local exploration, web research, competitor analysis, ecosystem signals — and delivers a research brief that makes the actual build 10x more productive.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275900199256,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"responsiveness-check","title":"Responsiveness Check","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eYour site might look great on your laptop and break completely on every other screen. This skill resizes through breakpoints in a live browser session, screenshots each width, and reports exactly where layouts overflow, stack wrong, or fall apart.\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275904491864,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"design-review","title":"Design Review","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eYou can tell in two seconds if a site was designed by a developer. This skill reviews your web app or page for visual design quality — consistency, polish, hierarchy, and spacing — and tells you exactly what a design-conscious person would change.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275919827288,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"frontend-patterns","title":"Frontend Patterns","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eModern React development has patterns that separate fast, maintainable codebases from ones that slow down over time. This skill gives you the composition, rendering, and state patterns that work for React 19, Next.js, and performance-critical interfaces.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275924250968,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"landing-page-generator","title":"Landing Page Generator","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eMost landing page tools produce the same template everyone else is using. This skill generates a complete, deploy-anywhere landing page as a single HTML file — no build step, no dependencies — from your brief to browser-ready in one shot.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275936571736,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"product-showcase","title":"Product Showcase","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eA static screenshot doesn't show what your app actually does. This skill generates a multi-page marketing website with real screenshots, animated walkthroughs, and feature deep-dives that teach visitors exactly what your product is worth before they sign up.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275943420248,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"react-patterns","title":"React Patterns","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eSlow React apps and tangled component trees share the same root cause: patterns applied without priorities. This skill gives you ranked rules for performance and composition in React 19 + Vite + Cloudflare Workers — fix critical issues first, then medium, never the reverse.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275960951128,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"wcag-accessibility-audit","title":"WCAG Accessibility Audit","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eAccessibility failures are also legal failures. This skill audits your web pages for WCAG 2.1 AA compliance by tracing the full render chain and checking source code — not just what's visible, but what screen readers and assistive tech actually encounter.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57275966718296,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}]},{"product_id":"design-loop","title":"Design Loop","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eBuilding a multi-page site manually means losing momentum between pages. This agent runs an autonomous build loop — each iteration generates a page, integrates it, verifies it visually, and queues the next task — so the whole site gets built without stopping for direction.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276042117464,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"frontend-developer","title":"Frontend Developer","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eFrontend work slows down when the developer doesn't understand what they're building toward. This agent starts every session by gathering project context, then builds performant, accessible React, Vue, and Angular interfaces that fit your architecture from the first component.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276045164888,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"react-next-js-expert","title":"React Next.js Expert","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eNext.js moves fast — and tutorials go stale faster. This agent always fetches the latest Next.js documentation before implementing any feature, so you get current best practices, not patterns that were deprecated two versions ago.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276058730840,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"electron-pro","title":"Electron Pro","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eCross-platform desktop apps feel second-class when they're built by people who don't understand the platform. This agent brings Electron 27+ expertise — native OS integration, security sandboxing, and performance optimization across Windows, macOS, and Linux.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276063711576,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"fullstack-developer","title":"Fullstack Developer","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eFeatures that look complete but break between layers are the most expensive kind of bug. This agent designs cohesive end-to-end solutions — from database through API to frontend — maintaining consistency across every layer of the stack.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276065874264,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}]},{"product_id":"mobile-developer","title":"Mobile Developer","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eReact Native apps that feel sluggish kill retention faster than any missing feature. This agent optimizes for native-quality mobile experiences — platform-specific behavior, battery efficiency, and code reuse across iOS and Android without sacrificing either.\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"PromptWorld","offers":[{"title":"Default Title","offer_id":57276069806424,"sku":null,"price":9.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":"react-modern-web-stack","title":"React \u0026 Modern Web Stack","description":"\u003cp\u003e\u003cstrong\u003eReact \u0026amp; Modern Web Stack\u003c\/strong\u003e — a curated Claude Code bundle for frontend workflows.\u003c\/p\u003e\u003cp\u003eIncludes 3 AI agents: React Next.js Expert, Frontend Developer, Fullstack Developer and 5 skills: React Patterns, Frontend Patterns, Landing Page Generator, Responsiveness Check, WCAG Accessibility Audit.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eReact Next.js Expert \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eFrontend Developer \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eFullstack Developer \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eReact Patterns \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eFrontend Patterns \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\u003cli\u003eResponsiveness Check \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":57385360916824,"sku":null,"price":44.99,"currency_code":"USD","in_stock":true}]},{"product_id":"frontend-design-mobile-apps","title":"Frontend Design \u0026 Mobile Apps","description":"\u003cp\u003e\u003cstrong\u003eFrontend Design \u0026amp; Mobile Apps\u003c\/strong\u003e — a curated Claude Code bundle for frontend workflows.\u003c\/p\u003e\u003cp\u003eIncludes 6 AI agents: Design Loop, Mobile Developer, Electron Pro, UI Designer, Tailwind CSS Expert, UI\/UX Tester and 2 skills: Design Review, Deep Research.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eDesign Loop \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eMobile Developer \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eElectron Pro \u003cem\u003e(Agent)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eDesign Review \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eDeep Research \u003cem\u003e(Skill)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli\u003eUI Designer \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 Tester \u003cem\u003e(Agent)\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":57385360949592,"sku":null,"price":48.99,"currency_code":"USD","in_stock":true}]}],"url":"https:\/\/promptworld.eu\/collections\/frontend\/bundle.oembed","provider":"PromptWorld","version":"1.0","type":"link"}