1<!doctype html> 2<html lang="en" dir="ltr"> 3 <head> 4 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5AW-18241609020
vendor: 16 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 145 bytes, lines 7-10
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 gtag('config', '
10AW-18241609020
vendor: 8 bytes, lines 10-11
10'); 11
11</script>
11 12 <meta charset="UTF-8" /> 13 14 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 15 <style id="fleck-paint-guard">html,body,#root{min-height:100%;margin:0}html.dark,html.dark body{background:hsl(200,10%,6%);color:hsl(0,0%,98%)}html.light,html.light body{background:hsl(184,18%,97%);color:hsl(200,18%,12%)}</style> 16 <meta name="google-site-verification" content="g_zJM32Ue_nGoGrCxstTgpzckhYxDg1WrcQLQKWHFDk" /> 17 <!-- Per-route title, description, canonical, og:url and og:* are set by usePageMeta on each route. 18 The values below are deliberately generic brand-level fallbacks for non-JS crawlers only: 19 no hardcoded canonical and no hardcoded og:url, so internal routes are never attributed to "/". --> 20 <title>Fleck AI | AI Product Design Platform & Design Agent</title> 21 <meta name="description" content="Fleck is an AI product design platform connecting idea validation, requirements, user flows, UI screens, UX audits, handoff and case studies." /> 22 <meta property="og:title" content="Fleck AI | AI Product Design Platform & Design Agent" /> 23 <meta property="og:description" content="Fleck is an AI product design platform connecting idea validation, requirements, user flows, UI screens, UX audits, handoff and case studies." /> 24 <meta name="twitter:title" content="Fleck AI | AI Product Design Platform & Design Agent" /> 25 <meta name="twitter:description" content="Fleck is an AI product design platform connecting idea validation, requirements, user flows, UI screens, UX audits, handoff and case studies." /> 26 27 <meta name="keywords" content="AI design agent, product design tool, UX design AI, design to code, prototype generator, AI wireframe, design automation, Fleck Agent, screenshot to code, UX audit tool, case study generator"> 28 <meta name="ai-content-declaration" content="This website is a product by Fleck Agent Ltd. Content describes the Fleck Agent design agent platform."> 29 <meta name="theme-color" content="#2a9d8f" media="(prefers-color-scheme: light)"> 30 <meta name="theme-color" content="#0f1012" media="(prefers-color-scheme: dark)"> 31 <link rel="llms" href="/llms.txt" type="text/plain" title="LLM documentation for Fleck Agent"> 32 <!-- Square Fleck icons for browsers and Google Search --> 33 <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png"> 34 <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> 35 <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png"> 36 <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png"> 37 <link rel="apple-touch-icon" sizes="180x180" href="/favicon-512.png"> 38 <link rel="manifest" href="/site.webmanifest"> 39 40 41 <!-- Preconnect to font origin --> 42 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> 43 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 44 <link rel="preload" as="style" fetchpriority="high" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"> 45 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"> 46 <!-- Secondary font families loaded non-render-blocking so they don't delay LCP --> 47 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap" media="print" onload="this.media='all'"> 48 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap" media="print" onload="this.media='all'"> 49 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&display=swap" media="print" onload="this.media='all'"> 50 <noscript> 51 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap"> 52 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap"> 53 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&display=swap"> 54 </noscript> 55 <!-- SF Pro loaded non-render-blocking; cdnfonts stylesheet omits font-display, so we also declare a swap override below --> 56 <link rel="stylesheet" href="https://fonts.cdnfonts.com/css/sf-pro-display" media="print" onload="this.media='all'"> 57 <noscript><link rel="stylesheet" href="https://fonts.cdnfonts.com/css/sf-pro-display"></noscript> 58 <style> 59 /* Force swap behavior for every web font so the H1 (LCP) paints immediately with a system fallback */ 60 @font-face { font-family: 'SF Pro Display'; font-display: swap; src: local('SF Pro Display'); } 61 @font-face { font-family: 'Inter'; font-display: swap; src: local('Inter'); } 62 @font-face { font-family: 'Geist'; font-display: swap; src: local('Geist'); } 63 @font-face { font-family: 'Plus Jakarta Sans'; font-display: swap; src: local('Plus Jakarta Sans'); } 64 @font-face { font-family: 'Vazirmatn'; font-display: swap; src: local('Vazirmatn'); } 65 </style> 66 <!-- Preload the Inter 700 woff2 used by the H1 LCP element so the web font is ready as soon as React hydrates --> 67 <link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.
67com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2" fetchpriority="high"> 68 <meta property="og:type" content="website" /> 69 <meta property="og:site_name" content="Fleck" /> 70 71 <meta name="twitter:card" content="summary_large_image" /> 72 73 <meta property="og:image" content="https://fleck.ai/__l5e/assets-v1/a9090167-8cee-449a-a01c-a0a596006801/fleck-homepage-social-preview.png"> 74 <meta property="og:image:width" content="1200"> 75 <meta property="og:image:height" content="630"> 76 <meta property="og:image:alt" content="Fleck - Next-Gen Product Design. AI-Powered. Human-Guided."> 77 <meta name="twitter:image" content="https://fleck.ai/__l5e/assets-v1/a9090167-8cee-449a-a01c-a0a596006801/fleck-homepage-social-preview.png"> 78 79 80 81 82 83 84
84<script> 85 (function() { 86 const key = 'fleck-theme-v2'; 87 let theme; 88 try { theme = localStorage.getItem(key); } catch (e) {} 89 if (theme === 'dark' || theme === 'light') { 90 document.documentElement.classList.add(theme); 91 } else if (theme === 'system') { 92 const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; 93 document.documentElement.classList.add(prefersDark ? 'dark' : 'light'); 94 } else { 95 document.documentElement.classList.add('dark'); 96 } 97 })(); 98 </script>
98 99 100 <!-- Inline critical CSS for faster FCP & a fully rendered pre-hydration shell --> 101 <style> 102 :root{--loader-bg:#f7fafa;--loader-fg:#0f1f23;--loader-muted:#5b6b70;--loader-card:#ffffff;--loader-border:#e5edee;--loader-brand:#2a9d8f;--loader-brand-fg:#ffffff} 103 html.dark{--loader-bg:#0f1012;--loader-fg:#fafafa;--loader-muted:#a3a3a8;--loader-card:#17181b;--loader-border:#26383a;--loader-brand:#2a9d8f;--loader-brand-fg:#ffffff} 104 html,body,#root{min-height:100%;background:var(--loader-bg)} 105 body{margin:0;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--loader-fg)} 106 #static-content{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} 107 /* No static hero shell: it duplicated the homepage and flashed an old design on reload. */ 108 109 110 @keyframes fl-spin{to{transform:rotate(360deg)}} 111 html.light,html.light body,html.light #root{background:hsl(184,18%,97%)} 112 html.dark,html.dark body,html.dark #root{background:hsl(200,10%,6%)} 113 </style> 114 <noscript><style>#static-content{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important}#root-loader{display:none!important}</style></noscript> 115 116 117 118 <!-- Per-route is set by usePageMeta on each route. --> 119 120
120<script> 121 // Prevent indexing of non-canonical hosts (e.g. *.lovable.app preview/published mirrors). 122 // Eliminates "Alternate page with proper canonical tag" entries in Search Console. 123 (function () { 124 try { 125 var host = location.hostname; 126 if (host !== 'fleck.ai' && host !== 'www.fleck.ai') { 127 var m = document.createElement('meta'); 128 m.name = 'robots'; 129 m.content = 'noindex, nofollow'; 130 document.head.appendChild(m); 131 } 132 } catch (e) {} 133 134 // Strip ?lang=xx (and similar UI-only) query params so Google 135 // doesn't index them as duplicates of the canonical URL. 136 try { 137 var url = new URL(location.href); 138 var stripped = false; 139 ['lang', 'language', 'locale'].forEach(function (k) { 140 if (url.searchParams.has(k)) { url.searchParams.delete(k); stripped = true; } 141 }); 142 if (stripped) { 143 history.replaceState(null, '', url.pathname + (url.search ? url.search : '') + url.hash); 144 } 145 } catch (e) {} 146 })(); 147 </script>
147 148 149 <!-- hreflang is emitted per route (scripts/prerender-seo.mjs in the built 150 HTML, usePageMeta at runtime). A static homepage-only set here would be 151 copied onto every URL. --> 152 153 <!-- Author / Publisher / Geo signals --> 154 <meta name="author" content="Fleck Agent Ltd." /> 155 <meta name="publisher" content="Fleck Agent Ltd." /> 156 <meta name="geo.region" content="GB-LND" /> 157 <meta name="geo.placename" content="London" /> 158 <meta name="geo.position" content="51.4946;-0.2532" /> 159 <meta name="ICBM" content="51.4946, -0.2532" /> 160 <meta property="og:locale" content="en" /> 161 <meta property="og:locale:alternate" content="en_US" /> 162 <meta property="og:locale:alternate" content="es_ES" /> 163 <meta property="og:locale:alternate" content="fr_FR" /> 164 <meta property="og:locale:alternate" content="de_DE" /> 165 <meta property="og:locale:alternate" content="it_IT" /> 166 <meta name="twitter:site" content="@Fleck_AI" /> 167 <meta name="twitter:creator" content="@Fleck_AI" /> 168 169 <!-- Structured data is route-specific: src/lib/schemaGraph.ts builds one 170 JSON-LD @graph per URL (Organization/WebSite/SoftwareApplication on the 171 homepage, WebPage + BreadcrumbList + Article/TechArticle elsewhere, 172 Offer only on /pricing). It is injected into the built HTML by 173 scripts/prerender-seo.mjs, so nothing global is declared here. --> 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 <!-- og:title, og:description, twitter:title, twitter:description are set per-route by usePageMeta. --> 231 232 233 234 235 236 237 238 239 <!-- Generic sitewide social fallback for non-JS crawlers. Per-route og:title/og:description are set by usePageMeta and override these for JS-executing crawlers. --> 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285
285<script type="module" crossorigin src="/assets/index-wKN3roZE.js"></script>
285 286 <link rel="modulepreload" crossorigin href="/assets/vendor-i18n-FzC2q7WE.js"> 287 <link rel="modulepreload" crossorigin href="/assets/vendor-query-CsHYnmF8.js"> 288 <link rel="modulepreload" crossorigin href="/assets/vendor-react-CmGg2B8n.js"> 289 <link rel="modulepreload" crossorigin href="/assets/vendor-supabase-DinKeC8L.js"> 290 <link rel="modulepreload" crossorigin href="/assets/vendor-ui-CakNjGXO.js"> 291 <link rel="stylesheet" crossorigin href="/assets/index-Dgc0-NiJ.css"> 292 <meta property="og:url" content="https://fleck.ai/" /> 293 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 294 <link rel="canonical" href="https://fleck.ai/" /> 295 <link rel="alternate" hreflang="en" href="https://fleck.ai/" /> 296 <link rel="alternate" hreflang="de" href="https://fleck.ai/de" /> 297 <link rel="alternate" hreflang="es" href="https://fleck.ai/es" /> 298 <link rel="alternate" hreflang="fr" href="https://fleck.ai/fr" /> 299 <link rel="alternate" hreflang="it" href="https://fleck.ai/it" /> 300 <link rel="alternate" hreflang="fa" href="https://fleck.ai/fa" /> 301 <link rel="alternate" hreflang="x-default" href="https://fleck.ai/" /> 302
302<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://fleck.ai/#organization","name":"Fleck AI","legalName":"Fleck Agent Ltd.","url":"https://fleck.ai/","email":"[email protected]","logo":{"@type":"ImageObject","url":"https://fleck.ai/assets/fleck-logo.svg"},"sameAs":["https://www.linkedin.com/company/fleck-ai","https://www.instagram.com/fleck.ai","https://www.facebook.com/FleckAI","https://x.com/Fleck_AI","https://www.youtube.com/@FleckAI"]},{"@type":"WebSite","@id":"https://fleck.ai/#website","url":"https://fleck.ai/","name":"Fleck AI","publisher":{"@id":"https://fleck.ai/#organization"},"inLanguage":["en","de","es","fr","it","fa"]},{"@type":"SoftwareApplication","@id":"https://fleck.ai/#software","name":"Fleck AI","url":"https://fleck.ai/","applicationCategory":"DesignApplication","operatingSystem":"Web","publisher":{"@id":"https://fleck.ai/#organization"}}]}</script>
302 303
303<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
303</head> 304 305 <body> 306 <!-- Static crawlable content â visible to bots, hidden once React mounts --> 307 <div id="static-content"> 308 <nav aria-label="Main navigation"> 309 <a href="/">Home</a> 310 <a href="/pricing">Pricing</a> 311 <a href="/ux-audit">UX Audit</a> 312 <a href="/convert">Converter</a> 313 <a href="/case-study">Case Study</a> 314 <a href="/about">About</a> 315 <a href="/faq">FAQ</a> 316 <a href="/auth">Sign In</a> 317 </nav> 318 319 <article> 320 <h1>Fleck â FullâStack Design Agent For Product Designers</h1> 321 <p>Fleck Agent is the first FullâStack Design Agent: it thinks like a senior product designer, then builds like a tight designâdev team. Go from idea to productionâready prototype without losing creative control.</p> 322 323 <h2>AI Idea Validation</h2> 324 <p>Submit any product concept in natural language. Fleck evaluates it across market viability, differentiation, technical feasibility, and monetisation potential â delivering a score (0â100), judgment, key risks, opportunities, and an MVP feature set.</p> 325 326 <h2>Sitemap & Information Architecture</h2> 327 <p>Fleck generates a complete page structure, user flow diagrams, target personas with demographics and pain points, design direction, competitor analysis, technology stack recommendations, and UX quality evaluation with scores.</p> 328 329 <h2>Design Mode</h2> 330 <p>A full canvas environment with multi-screen flow layout, sticky notes, annotations, connection diagrams, AI-powered code generation per screen, design tokens panel, style presets (minimalist, bold, glassmorphism), auto-layout inspection, and version history with diff preview.</p> 331 332 <h2>UX Audit & Design Review</h2> 333 <p>Upload any design screenshot and receive instant AI analysis covering accessibility compliance, visual hierarchy evaluation, usability heuristics, cognitive load assessment, and actionable improvement suggestions.</p> 334 335 <h2>Design Converter</h2> 336 <p>Transform visual inputs into production code: sketch to high-fidelity UI, screenshot to editable components, wireframe to coded prototype. Output: clean, component-based React + Tailwind CSS code.</p> 337 338 <h2>Case Study Generator</h2> 339 <p>Automatically generates portfolio-ready case studies from project data including problem framing, research insights, design process documentation, decisions and trade-offs, outcomes, and AI-enhanced writing with interview mode.</p> 340 341 <h2>AI Design Mentor</h2> 342 <p>An AI design mentor that teaches design reasoning and critique skills, helps articulate design decisions for stakeholder meetings, provides skill assessments across UX competencies, and tracks learning progress with practice exercises.</p> 343 344 <h2>Code Export & Deployment</h2> 345 <p>One-click GitHub sync (creates full Vite + React + Tailwind project), direct publish to shareable live URLs, Figma export capability, and ZIP download of generated code.</p> 346 347 <h2>Pricing</h2> 348 <p>Free plan with limited credits. Standard plan at $9/month ($81/year). Pro plan at $19/month ($171/year). Credit packs available: 100, 500, 1,500, or 5,000 credits.</p> 349 350 <h2>Who Is Fleck For?</h2> 351 <p>Fleck is built first and foremost for <strong>product designers</strong>: validating concepts, mapping flows and information architecture, generating multi-screen designs, running UX audits, and shipping developer handoff, case studies, and portfolio pages from one connected flow.</p> 352 <p>It also works for <strong>founders and product managers</strong> who need to scope an MVP, pressure-test an idea, and get investor-ready screens without a full design team.</p> 353 354 <h2>What Makes Fleck Different?</h2> 355 <p><strong>Thinking-first, not output-first.</strong> Fleck starts with problem framing, UX mapping, and design rationale before generating UI. Unlike dev-first tools, Fleck generates the thinking layer â research, flows, personas, direction. It works upstream of Figma: Fleck handles strategy and logic; Figma handles pixel-level execution.</p> 356 357 <h2>Frequently Asked Questions</h2> 358 <p><strong>What is Fleck?</strong> Fleck Agent is the first Full-Stack Design Agent: it thinks like a senior product designer, then builds like a tight designâdev team.</p> 359 <p><strong>Is my data secure?</strong>
359 Yes. Ideas, canvases, and generated code are private by default.</p> 360 <p><strong>Can I export my work?</strong> Yes. Sync to GitHub, publish to a live URL, export to Figma, or download as a ZIP.</p> 361 </article> 362 363 <footer> 364 <p>Fleck Agent Ltd. · Company No: 16802778 · 566 Chiswick High Road, Building 7, Floor 5, London, W4 5YG, UK</p> 365 <p><a href="mailto:[email protected]">[email protected]</a> · <a href="/terms">Terms</a> · <a href="/privacy">Privacy</a></p> 366 </footer> 367 </div> 368 369 <!-- No pre-hydration hero shell: a static duplicate of the homepage caused a 370 visible "old design" flash on every reload. Bots read #static-content above. --> 371 372 373 <div id="root"></div> 374 </body> 375</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.