PageSourceSearch

https://fleck.ai/

html fleck.ai collected 2026-10-05 13:59:20 UTC 19,020 bytes, 375 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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.