Hatable

Product Introduction

1. Hatable is an AI-powered critique agent designed to analyze websites and deliver brutally honest feedback through automated roasting. It uses browser automation to evaluate user interfaces, copywriting, and technical elements while generating sarcastic yet actionable insights. The product operates via a Chrome extension that allows users to submit any URL for immediate analysis.
2. The core value lies in bypassing superficial politeness to expose genuine usability flaws and design weaknesses that traditional feedback channels might overlook. It transforms subjective design critiques into quantifiable roast scores (e.g., 73.9x/100x) while highlighting specific issues like poor accessibility, unresponsive layouts, and chaotic color schemes.

Main Features

1. The Chrome extension enables single-click website analysis by injecting a custom prompt ("Roast this website and add it to hatable:") paired with the target URL. It parses HTML/CSS structures, evaluates loading performance, and detects visual inconsistencies across devices.
2. AI-driven roasting combines technical audits (e.g., "code so janky it'd make a junior dev cry") with UX assessments ("color palette looking like a toddler's crayon massacre") using natural language generation trained on modern slang and design principles.
3. Social sharing integration automatically formats roasts into tweet-ready content with hashtags like #WebDesignHell and platform-specific callouts ("Share this on 𝕏"), including comparative performance metrics (e.g., "37.9x/100x") for viral potential.

Problems Solved

1. It addresses the lack of unfiltered feedback in product development, where teams often receive biased or sugarcoated opinions from stakeholders and users. Traditional audits focus on metrics without contextualizing why certain elements fail emotionally or functionally.
2. The target users include web developers needing pre-launch design validation, startup founders overestimating their site's usability, and marketing teams requiring blunt copywriting critiques.
3. Typical scenarios involve identifying hidden accessibility violations, exposing mobile responsiveness failures ("irresponsive nightmare"), and benchmarking against industry standards through roast intensity scores like "17.3x/100x".

Unique Advantages

1. Unlike conventional CRO tools that prioritize conversion metrics, Hatable emphasizes qualitative humiliation tactics ("absolute code crime periodt") to force immediate attention to critical flaws. It replaces sterile audit reports with emotionally charged feedback designed to provoke action.
2. The AI uniquely blends technical analysis (CSS transition evaluation, semantic HTML checks) with Gen-Z slang frameworks ("caught in 4k", "delulu layout") to increase engagement among younger developers and designers.
3. Competitive differentiation comes from real-time browser emulation that tests actual user interactions rather than static page scans, coupled with shareable roast formats that turn criticism into social media assets.

Frequently Asked Questions (FAQ)

1. How does Hatable analyze websites? It uses headless browser automation to load pages, execute JavaScript, and inspect DOM elements while simulating mobile/desktop viewports. The AI evaluates visual hierarchy, contrast ratios, navigation logic, and code quality before generating roasts.
2. Can the Chrome extension audit password-protected or localhost sites? No, the current version only analyzes publicly accessible URLs with CORS policies allowing third-party script execution. Private staging environments require whitelisting the extension.
3. Is the feedback suitable for professional development environments? While the roasts use humorous exaggeration, they map to concrete issues like WCAG compliance failures, render-blocking resources, and layout shifts. Teams should interpret phrases like "tech cringe" as signals to review CSS specificity or image optimization.
4. What types of issues does Hatable detect best? It excels at identifying glaring UX contradictions, such as conflicting CTAs, illegible typography combinations, and desktop-centric designs failing mobile responsiveness tests. Performance-related roasts target unoptimized media assets and excessive DOM complexity.
5. Can roasted results be customized or toned down? No, the "Choose Violence" directive enforces maximum brutality by design. Users seeking diplomatic feedback must manually extract actionable items from sarcastic phrases like "touch grass devs" (indicating outdated coding practices).