The Chrome extension on any site, embedded in /critique during an AI design review, or standalone via npx impeccable live.
- New!
- Get the Chrome extension →
+ Coming soon
+ Chrome extension
+ Get notified →
@@ -308,11 +309,10 @@
Get Started
-
-
-
- 1
-
Install the skills Recommended
+ +
+
+
1Install the skills Recommended
21 commands that steer your AI toward better design, in real time. The full Impeccable experience.
@@ -343,135 +343,114 @@
-
-
Then run
-
-
- /impeccable teach to set up your project's design context.
-
Other install methods
-
-
-
- Claude Code plugin
-
-
-
- $
-
- Then open /plugin marketplace add pbakaus/impeccable
-
- /plugin to install from Discover tab
-
- Manual download
- Contains all provider directories. Extract to your project root.
-
-
-
-
-
-
-
- 2
-
Add the CLI Beta
-Deterministic anti-pattern detection, cheatsheet and more. Use in CI and beyond.
+ +
+ Other install methods
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- $
-
- Or run directly: npm i -g impeccable
-
- npx impeccable ...
-
-
-
-
- detect Scan files, dirs, or URLs
- skills install Install skills into your project
- skills update Update to latest version
-
- 3
-
Stay updated
- - - -
- Quick reference
- Command cheatsheet →
-
-
-
+
+ Claude Code plugin
+
+
+
$
-
+ Then open impeccable skills help
+ /plugin marketplace add pbakaus/impeccable
+
+ /plugin in Claude Code
+
+ Manual download all 11 providers
+
+
+
-
+
diff --git a/public/js/components/section-nav.js b/public/js/components/section-nav.js
index 4e7fbb430..e34039387 100644
--- a/public/js/components/section-nav.js
+++ b/public/js/components/section-nav.js
@@ -42,9 +42,23 @@ export function initSectionNav() {
}
}
+ // If the current section shares its top row with siblings (e.g. side-by-side
+ // changelog + FAQ on desktop), treat all of them as active.
+ const activeSections = new Set();
+ if (currentSection) {
+ const currentEl = document.getElementById(currentSection);
+ const currentTop = currentEl?.offsetTop ?? 0;
+ sectionIds.forEach(id => {
+ const el = document.getElementById(id);
+ if (el && Math.abs(el.offsetTop - currentTop) < 4) {
+ activeSections.add(id);
+ }
+ });
+ }
+
// Update active state
items.forEach(item => {
- if (item.dataset.section === currentSection) {
+ if (activeSections.has(item.dataset.section)) {
item.classList.add('is-active');
} else {
item.classList.remove('is-active');
- Best together
-
+
+ Skills give your AI the full design toolkit. The CLI adds automated quality gates for reviews and CI.
-
+
+
+
+
+
+
+
+
+
+
+ 2Add the CLI Beta
+
+
+
+
+ Anti-pattern detection from the terminal. Scans HTML, CSS, JSX/TSX, Vue, and Svelte — perfect for CI, pre-commit hooks, and one-off audits.
+ +
+
+
+
+
+ $
+
+ Or use npm i -g impeccable
+
+ npx impeccable directly without installing.
+
+
+
+
+
+
+
+ 3Browser extension Coming soon
+
+
+
+
+ One-click anti-pattern detection on any live page — yours, staging, production, or anyone else's. Same detection engine as /critique, in your browser.
Currently in Chrome Web Store review.
+ +
+
+
+
+ 4Stay updated
+
+
+
+
+ Roughly monthly notes on new commands, anti-patterns, and the design thinking behind Impeccable.
+ +
@@ -654,6 +633,7 @@