{"product_id":"ai-html-wireframes","title":"AI HTML Wireframes","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003eGo from a prompt or photo of your Wireframe Deck cards to browser-ready clickable HTML wireframes, in the AI tool you already use. One-time purchase, your files, no subscription. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eOptimized for Claude Code, or hand off to other AI tools that can generate files. \u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eWhat you get\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-streamdown=\"strong\" class=\"font-semibold\"\u003e\u003cstrong\u003eHTML wireframe system\u003c\/strong\u003e\u003cbr\u003eA full CSS system\u003c\/span\u003e of components, colors, type, spacing, icons, buttons,  forms, and more all visible in a web-based version you can view and edit. Create consistent, customizable wireframes even across multiple AI sessions. Screen-share with a client or teams, or even host the wireframes on a website and send a link.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWireframe Deck compatible\u003cbr\u003e\u003c\/strong\u003eThe magic moment. From a \u003ca title=\"wireframe deck\" href=\"https:\/\/uxkits.com\/products\/wireframe-deck\"\u003eWireframe Deck\u003c\/a\u003e photo to wireframes, sharing the same system styles. You can even draw cards on our \u003ca title=\"dot grid deck\" href=\"https:\/\/uxkits.com\/products\/dot-grid-cards-square\"\u003eDot Grid Deck\u003c\/a\u003e and AI will translate them, too.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan data-streamdown=\"strong\" class=\"font-semibold\"\u003eProject template\u003cbr\u003e\u003c\/span\u003e\u003c\/strong\u003eA template to copy for each project with a table of contents and wireframe examples.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan data-streamdown=\"strong\" class=\"font-semibold\"\u003e2 AI skills + context.md\u003cbr\u003e\u003c\/span\u003e\u003c\/strong\u003eBuild from a text prompt or a deck photo. Use the included md context file to give AI a reference from the start.\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-streamdown=\"strong\" class=\"font-semibold\"\u003e\u003cstrong\u003ePrototype ready\u003cbr\u003e\u003c\/strong\u003eEasily move to a fully clickable prototype. After all, it's just HTML.\u003c\/span\u003e\u003cstrong\u003e\u003cspan data-streamdown=\"strong\" class=\"font-semibold\"\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eYour wireframes. HTML and CSS on your computer. Open it in any browser today or years from now, even if your tools change. \u003c\/span\u003e\u003c\/p\u003e","brand":"AI-powered HTML wireframes from prompts and wireframe deck photos","offers":[{"title":"Default Title","offer_id":48785358291200,"sku":"ai-html-wireframes-v1","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0018\/9262\/files\/ai-system-prompt.png?v=1779185463","url":"https:\/\/uxkits.com\/products\/ai-html-wireframes","provider":"UX Kits","version":"1.0","type":"link"}