chore: Add design system audit report (#6606)#6806
Draft
talissoncosta wants to merge 11 commits intomainfrom
Draft
chore: Add design system audit report (#6606)#6806talissoncosta wants to merge 11 commits intomainfrom
talissoncosta wants to merge 11 commits intomainfrom
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
|
github-actions
bot
added
front-end
Contributor
Docker builds report
|
Scan the frontend codebase for design token misuse, dark mode gaps, and component fragmentation. Produces a structured report with 85 findings across 7 areas (colours, typography, spacing, buttons, forms, icons, notifications) and a component inventory covering 11 categories. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Update DESIGN_SYSTEM_AUDIT_PLAN.md: add visual inventory as Phase 1, restructure into 3 phases, mark Phase 2 as in review - Add DESIGN_SYSTEM_INVENTORY_GUIDE.md: practical guide for the Penpot-based interface inventory, scoped to page screenshots and component grouping (no interactive states or responsive breakpoints) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…tion Add Storybook with webpack5/SWC, dark mode toggle in toolbar, SCSS support, and path aliases matching the project webpack config. Part of #6606 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Define 60+ semantic tokens (text, surface, icon, stroke, brand, feedback, interactive, border-radius) on :root with dark mode overrides on [data-bs-theme='dark']. Expose as TypeScript exports for component usage. Part of #6606 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add stories for icons, colours, colour palette, buttons, dark mode issues, and typography — each highlighting inconsistencies and proposed improvements from the audit. Part of #6606 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Categorised as quick wins (QW-1 to QW-8), medium efforts (ME-1 to ME-10), and long refactors (LR-1 to LR-8). Each template includes problem description, affected files, and acceptance criteria. Part of #6606 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Part of #6606 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Updates QW-1 to reflect expanded scope in PR #6870 (57 fills, not 41). Adds PR links and scope changes to QW-4, QW-5, QW-8, QW-10. Creates missing issue files for LR-1 through LR-9, ME-9, ME-11. Adds audit verification report and compliance audit summary. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Restructure DESIGN_SYSTEM_ISSUES.md: QW issues with GitHub links, ME findings for evaluation, new patterns (NP) for incremental adoption - Reclassify items: ME-1 → NP-3, ME-3 → NP-10, ME-4 → NP-7, ME-10 → NP-8, ME-11 deferred to Tailwind - Add report draft posted as comment on #6606 - Update QW-7 to POC/spike format - Clean up Tailwind references from issue files - Add storybook-static/ to .gitignore Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
talissoncosta
force-pushed
the
chore/design-system-audit-6606
branch
from
d393592 to
1d5aa71
Compare
Publishes Storybook to Chromatic on frontend PRs for easy preview. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #6806 +/- ##
=======================================
Coverage 98.33% 98.34%
=======================================
Files 1336 1335 -1
Lines 49629 49707 +78
=======================================
+ Hits 48804 48882 +78
Misses 825 825 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
frontend/DESIGN_SYSTEM_AUDIT.md— a comprehensive code-first audit of the frontend design systemfrontend/DESIGN_SYSTEM_AUDIT_PLAN.md— the plan document for the audit approachThe audit identifies 85 findings (21 P0, 34 P1, 30 P2) across 7 areas:
Plus a component inventory covering 11 UI pattern categories (modals, dropdowns, selects, toasts, tables, tabs, buttons, icons, empty states, tooltips, layout).
Top 5 fixes by impact:
btn-tertiary,btn-danger,btn--transparent)Closes #6606
Test plan
🤖 Generated with Claude Code