mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 22:26:38 +03:00
Abdul WahabandClaude Opus 5
66632b050a
organic-clip-path and buried-raster landed on main after this branch's hook-rule-presentation map; both are produced-imagery rules, grouped under Imagery beside shape-assembled-illustration. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
95 lines
3.5 KiB
JavaScript
95 lines
3.5 KiB
JavaScript
/*
|
|
Presentation metadata for the Hooks page of the design context document.
|
|
|
|
The rule ids, names, and descriptions come from the canonical registry
|
|
(cli/engine/registry/antipatterns.mjs); this module adds only how the document
|
|
groups and labels them. `FINGERPRINT_IDS` promotes a handful of slop rules into
|
|
their own "Fingerprints" family (model-specific signatures); `DISCIPLINES` gives
|
|
every rule a discipline label for the collapsible groups. Both must cover the
|
|
registry exactly — tests/hook-rule-presentation.test.js fails the suite when a
|
|
rule is added without a discipline, so the document can never silently miss one.
|
|
*/
|
|
|
|
export const FINGERPRINT_IDS = new Set([
|
|
'gpt-thin-border-wide-shadow',
|
|
'repeating-stripes-gradient',
|
|
'codex-grid-background',
|
|
'theater-slop-phrase',
|
|
]);
|
|
|
|
export const DISCIPLINES = {
|
|
'side-tab': 'Visual Details',
|
|
'border-accent-on-rounded': 'Visual Details',
|
|
'overused-font': 'Typography',
|
|
'flat-type-hierarchy': 'Typography',
|
|
'gradient-text': 'Color & Contrast',
|
|
'ai-color-palette': 'Color & Contrast',
|
|
'cream-palette': 'Color & Contrast',
|
|
'nested-cards': 'Layout & Space',
|
|
'monotonous-spacing': 'Layout & Space',
|
|
'bounce-easing': 'Motion',
|
|
'pulsing-dot': 'Motion',
|
|
'blinking-cursor': 'Motion',
|
|
'shape-assembled-illustration': 'Imagery',
|
|
'organic-clip-path': 'Imagery',
|
|
'buried-raster': 'Imagery',
|
|
'dark-glow': 'Color & Contrast',
|
|
'radial-halo': 'Color & Contrast',
|
|
'radial-spotlight-glow': 'Color & Contrast',
|
|
'marquee': 'Motion',
|
|
'icon-tile-stack': 'Typography',
|
|
'italic-serif-display': 'Typography',
|
|
'hero-eyebrow-chip': 'Typography',
|
|
'kicker-above-heading': 'Typography',
|
|
'numbered-section-labels': 'Layout & Space',
|
|
'em-dash-overuse': 'Copy',
|
|
'marketing-buzzword': 'Copy',
|
|
'aphoristic-cadence': 'Copy',
|
|
'oversized-h1': 'Typography',
|
|
'extreme-negative-tracking': 'Typography',
|
|
'broken-image': 'Imagery',
|
|
'script-error': 'Quality',
|
|
'content-hidden-at-rest': 'Layout & Space',
|
|
'edge-flush-cards': 'Layout & Space',
|
|
'text-occlusion': 'Layout & Space',
|
|
'first-viewport-column-overflow': 'Layout & Space',
|
|
'gray-on-color': 'Color & Contrast',
|
|
'low-contrast': 'Quality',
|
|
'layout-transition': 'Motion',
|
|
'line-length': 'Layout & Space',
|
|
'cramped-padding': 'Layout & Space',
|
|
'body-text-viewport-edge': 'Layout & Space',
|
|
'tight-leading': 'Typography',
|
|
'skipped-heading': 'Typography',
|
|
'heading-rhythm': 'Layout & Space',
|
|
'justified-text': 'Typography',
|
|
'tiny-text': 'Typography',
|
|
'undersized-ui-text': 'Typography',
|
|
'all-caps-body': 'Typography',
|
|
'wide-tracking': 'Typography',
|
|
'text-overflow': 'Layout & Space',
|
|
'repeated-container-text': 'Quality',
|
|
'clipped-overflow-container': 'Layout & Space',
|
|
'design-system-font': 'Typography',
|
|
'design-system-color': 'Color & Contrast',
|
|
'design-system-radius': 'Visual Details',
|
|
'design-system-font-size': 'Typography',
|
|
'gpt-thin-border-wide-shadow': 'Visual Details',
|
|
'repeating-stripes-gradient': 'Visual Details',
|
|
'codex-grid-background': 'Visual Details',
|
|
'theater-slop-phrase': 'Copy',
|
|
'image-hover-transform': 'Motion',
|
|
};
|
|
|
|
/* One entry per registry rule, in registry order, in the exact shape the
|
|
document's Hooks module renders. */
|
|
export function composeHookRules(antipatterns) {
|
|
return antipatterns.map((rule) => ({
|
|
id: rule.id,
|
|
name: rule.name,
|
|
description: rule.description,
|
|
group: FINGERPRINT_IDS.has(rule.id) ? 'fingerprints' : rule.category,
|
|
discipline: DISCIPLINES[rule.id],
|
|
}));
|
|
}
|