Skip to content

Ux UI design language #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
rookieInTraining merged 2 commits into from
Oct 23, 2026
Merged

Ux UI design language #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9a9b4c7
chore(refactor): Design revamp to mimic the browser devtools pane
Aug 17, 2026
45a8022
release 4.0.0
Oct 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -113,6 +113,9 @@ tmp/
temp/
.tmp/

# Brainstorming visual companion sessions
.superpowers/

# Chrome extension specific
*.crx
*.pem
Expand Down
30 changes: 30 additions & 0 deletions .impeccable/critique/2026-10-21T05-01-02Z__frontend-devtools-html.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
---
target: DevTools panel
total_score: 17
max_score: 40
na_heuristics:
p0_count: 1
p1_count: 3
target_identity: "file:C:\\Users\\ishab\\projects\\apq-debugger\\frontend\\devtools.html"
target_fingerprint: "sha256:ff29165fbb1567ffacc53a9ca6ae9fc5dbda938cfc5f24783f3d3ddc0c3cee4e"
target_path: "C:\\Users\\ishab\\projects\\apq-debugger\\frontend\\devtools.html"
timestamp: 2026-10-21T05-01-02Z
slug: frontend-devtools-html
---
# Critique: APQ Debugger DevTools panel (frontend/devtools.html)
Method: dual-agent. Score 17/40 (Poor).

Heuristics: 1 Status 2 | 2 Match 2 | 3 Control 2 | 4 Consistency 1 | 5 Error prevention 2 | 6 Recognition 2 | 7 Efficiency 1 | 8 Aesthetic 2 | 9 Recovery 2 | 10 Help 1

Specificity: Kora's editorial identity (Italiana, cream canvas, grain, tracked mono eyebrows) is distinctive but foreign to a DevTools tool; nothing derives from hashes/interception/resolution.

Detector (rendered, light): low-contrast FULL badge 3.95 (dark 3.66), selected-row text 4.2 (dark 3.8), chips 4.35/4.49, primary hover 4.4; tiny-text detail URL 11px; flat-type-hierarchy; cream-palette (intentional); monotonous-spacing (weak). Static cramped-padding on modal = false positive.

Priority issues:
- [P0] Docked layouts break: 520x400 detail placeholder blocks clicks on list; 760x420 sidebar+metrics leave <2 rows. -> adapt
- [P1] Wrong register; Italiana numerals misread (components.css:726), eyebrows, grain. -> typeset, quieter
- [P1] Query buried (one-line pre, h-scroll) + variables render as $1 (js/ui/request-detail.js:144). -> layout
- [P1] Settings popover has no surface; focus halo cancelled on tabs/rows by reset block components.css:70-95. -> harden
- [P2] No live/intercepting state, no safety framing at Start, resolved vs unresolved indistinguishable. -> clarify, onboard

Personas: Alex (no shortcuts, >10 tab stops), Sam (no focus on tabs/rows, noisy live region, toggle state unannounced), Priya (docked 400px: ~4 rows visible, no status/timing).
Loading
Loading