mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-17 16:46:31 +03:00
Paul Bakaus
1ac4cf91e2
Replaced the tall page-screenshot "before" images with the self-contained inline visual examples from the /anti-patterns catalog (VISUAL_EXAMPLES dict). Three before/after pairs: 1. Gradient Text — purple-blue "Build the Future" gradient text vs. a solid italic Cormorant "Build the future." with magenta emphasis. 2. Side-Tab Cards — the ban signature, thick colored left stripe on an otherwise neutral card vs. a hairline-bordered card with a mono kicker and italic title. 3. Hero-Metric Template — the SaaS gradient "10M+" with tiny stats vs. a single "+18.4%" italic insight with real explanation and "from checkout fixes" causal tail. Panels are now ~140px tall (was 4:3 aspect of full-page screenshots), so the whole section is roughly half as tall. No large images, no risk of the "Before" screenshots reading as Impeccable output. The After panels sit on warm cream (brand surface) while the Before panels use neutral cool white to further distance them visually.
85 lines
6.3 KiB
HTML
85 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Privacy Policy - Impeccable</title>
|
|
<meta name="robots" content="noindex">
|
|
<link rel="icon" type="image/svg+xml" href="./favicon.svg">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600&family=Instrument+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="./css/sub-pages.css">
|
|
<style>
|
|
.privacy-content { max-width: 680px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
|
|
.privacy-content h1 { font-family: var(--font-display); font-size: 2.25rem; margin-bottom: 0.5rem; letter-spacing: -0.01em; }
|
|
.privacy-content h2 { font-size: 1.125rem; margin-top: 2rem; font-weight: 600; }
|
|
.privacy-content p, .privacy-content ul { color: var(--color-charcoal); margin-top: 0.5rem; }
|
|
.privacy-content ul { padding-left: 1.25rem; }
|
|
.privacy-content li { margin-top: 0.25rem; }
|
|
.privacy-content a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; }
|
|
.privacy-content a:hover { color: var(--color-accent-hover); }
|
|
.privacy-content .updated { color: var(--color-ash); font-size: 0.875rem; margin-bottom: 2rem; font-style: italic; }
|
|
</style>
|
|
</head>
|
|
<body class="sub-page">
|
|
<!-- site-header v1 -->
|
|
<header class="site-header" data-site-header>
|
|
<a href="/" class="site-header-brand" aria-label="Impeccable home">
|
|
<svg class="site-header-brand-logo" viewBox="0 0 32 32" aria-hidden="true"><rect width="32" height="32" rx="6" fill="#1a1a1a"/><text x="16" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="22" font-weight="500" fill="#f5f3ef" text-anchor="middle">/</text></svg>
|
|
<span class="site-header-brand-name">Impeccable</span>
|
|
</a>
|
|
<div class="site-header-right">
|
|
<nav class="site-header-nav" aria-label="Primary">
|
|
<a href="/" data-nav="home">Home</a>
|
|
<a href="/docs" data-nav="docs">Docs</a>
|
|
<a href="/anti-patterns" data-nav="anti-patterns">Anti-Patterns</a>
|
|
<a href="/visual-mode" data-nav="visual-mode">Visual Mode</a>
|
|
</nav>
|
|
<a href="https://github.com/pbakaus/impeccable" class="site-header-github" target="_blank" rel="noopener" aria-label="Impeccable on GitHub, 18k stars">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>
|
|
<span class="site-header-github-label">18k</span>
|
|
<svg class="site-header-github-star" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2l2.76 6.36L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.24-.91L12 2z"/></svg>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="privacy-content">
|
|
<h1>Privacy Policy</h1>
|
|
<p class="updated">Last updated: April 6, 2026</p>
|
|
|
|
<h2>What Impeccable is</h2>
|
|
<p>Impeccable is an open-source collection of agent skills (text files) that run locally in your AI coding tool. The skills themselves collect no data, make no network requests, and have no analytics.</p>
|
|
|
|
<h2>Website analytics</h2>
|
|
<p>The Impeccable website (<a href="https://impeccable.style">impeccable.style</a>) uses Google Analytics to understand traffic patterns (page views, referrers, country). No personal information is collected beyond what Google Analytics provides by default. No cookies are used for advertising.</p>
|
|
|
|
<h2>Downloads</h2>
|
|
<p>When you download a skill bundle from the website, we log the download event (which bundle, timestamp) for usage statistics. No personal information is attached to these logs.</p>
|
|
|
|
<h2>Claude Code Plugin</h2>
|
|
<p>When installed as a Claude Code plugin, Impeccable runs entirely within your local Claude Code session. No data is sent to Impeccable's servers. Anthropic's own privacy policy governs the Claude Code application itself.</p>
|
|
|
|
<h2>Chrome Extension</h2>
|
|
<p>The Impeccable Chrome DevTools extension runs entirely in your browser. All anti-pattern detection happens locally on the page you are inspecting. No page content, URLs, or detection results are ever sent to any external server.</p>
|
|
<p>The extension stores your rule preferences (which detections are enabled or disabled) using Chrome's built-in sync storage (<code>chrome.storage.sync</code>), which syncs settings across your Chrome instances via your Google account. No other data is stored or transmitted.</p>
|
|
<p>The extension requests the following permissions:</p>
|
|
<ul>
|
|
<li><strong>activeTab / scripting</strong> - to inject the detector script into the page you are inspecting</li>
|
|
<li><strong>storage</strong> - to save your rule preferences</li>
|
|
<li><strong>webNavigation</strong> - to re-scan automatically when you navigate to a new page</li>
|
|
<li><strong>Host permissions (all URLs)</strong> - so the detector can run on any website you choose to inspect</li>
|
|
</ul>
|
|
|
|
<h2>GitHub</h2>
|
|
<p>The source code is hosted on GitHub. Interactions with the repository (issues, pull requests, stars) are governed by <a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement">GitHub's privacy policy</a>.</p>
|
|
|
|
<h2>Contact</h2>
|
|
<p>Questions about this policy? Open an issue on <a href="https://github.com/pbakaus/impeccable">GitHub</a> or reach out to <a href="https://x.com/pbakaus">@pbakaus</a>.</p>
|
|
</main>
|
|
<!-- impeccable-live-start -->
|
|
<script src="http://localhost:8400/live.js"></script>
|
|
<!-- impeccable-live-end -->
|
|
</body>
|
|
</html>
|