personal-projects/leo-claude-mktplace
Template
0
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Sprint 9] feat: Create design-reviewer.md agent (viz-platform) #358

New Issue
Closed
opened 2026-02-01 22:49:21 +00:00 by lmiranda · 0 comments
lmiranda commented 2026-02-01 22:49:21 +00:00
Owner
Copy Link

Description

Create the design reviewer agent that uses viz-platform MCP tools to audit code for design system compliance.

Implementation

Wiki: Change V5.6.0 (Sprint 9 Implementation)

File: plugins/viz-platform/agents/design-reviewer.md

Acceptance Criteria

  • Create agent file with proper header/visual branding
  • Skills to Load: skills/design-system-audit.md
  • MCP Tools section listing tools to use:
    • validate_component - Check component prop validity
    • get_component_props - Get expected props for component
    • theme_validate - Validate theme configuration
    • accessibility_validate_colors - Check color contrast
    • accessibility_validate_theme - Full accessibility audit
  • Audit Protocol section (how to scan files)
  • Report Format section with FAIL/WARN/INFO severity levels
  • Output template for structured reports

Technical Notes

The agent produces structured reports like:

Design System Audit Report
==========================
Path: <scanned path>
Files Scanned: N
Violations Found: N

FAIL: [component.py:42] Invalid prop 'colour' - did you mean 'color'?
WARN: [theme.py:15] Color contrast ratio 3.8:1 below AA standard (4.5:1)
INFO: [layout.py:8] Consider using responsive breakpoints for mobile

Dependency: Requires design-system-audit.md skill (#2)
Risk: Low - uses existing MCP tools

## Description Create the design reviewer agent that uses viz-platform MCP tools to audit code for design system compliance. ## Implementation **Wiki:** [Change V5.6.0 (Sprint 9 Implementation)](https://gitea.hotserv.cloud/personal-projects/leo-claude-mktplace/wiki/Change-V5.6.0%3A-Domain-Advisory-Pattern-%28Sprint-9-Implementation%29) **File:** `plugins/viz-platform/agents/design-reviewer.md` ## Acceptance Criteria - [ ] Create agent file with proper header/visual branding - [ ] Skills to Load: `skills/design-system-audit.md` - [ ] MCP Tools section listing tools to use: - `validate_component` - Check component prop validity - `get_component_props` - Get expected props for component - `theme_validate` - Validate theme configuration - `accessibility_validate_colors` - Check color contrast - `accessibility_validate_theme` - Full accessibility audit - [ ] Audit Protocol section (how to scan files) - [ ] Report Format section with FAIL/WARN/INFO severity levels - [ ] Output template for structured reports ## Technical Notes The agent produces structured reports like: ``` Design System Audit Report ========================== Path: <scanned path> Files Scanned: N Violations Found: N FAIL: [component.py:42] Invalid prop 'colour' - did you mean 'color'? WARN: [theme.py:15] Color contrast ratio 3.8:1 below AA standard (4.5:1) INFO: [layout.py:8] Consider using responsive breakpoints for mobile ``` **Dependency:** Requires design-system-audit.md skill (#2) **Risk:** Low - uses existing MCP tools
lmiranda added this to the Sprint 9 - Domain Advisory Pattern (viz-platform) milestone 2026-02-01 22:50:09 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Component/API
API endpoints, contracts, and integration
 Component/Auth
Authentication and authorization
 Component/Backend
Backend service code and business logic
 Component/Database
Database schemas, migrations, queries
 Component/Deploy
Deployment, infrastructure, DevOps
 Component/Docs
Documentation and guides
 Component/Frontend
User interface and client-side code
 Component/Infra
Infrastructure and system configuration
 Component/Testing
Test infrastructure and frameworks
 Tech/Docker
Docker containers and compose
 Tech/FastAPI
FastAPI backend framework
 Tech/JavaScript
JavaScript/Node.js code
 Tech/PostgreSQL
PostgreSQL database
 Tech/Python
Python language and libraries
 Tech/Redis
Redis cache and pub/sub
 Tech/Vue
Vue.js frontend framework
Complexity/Complex
High uncertainty or many dependencies
 Complexity/Medium
Some unknowns or dependencies
 Complexity/Simple
Straightforward, well-understood
 Effort/L
3-5 days
 Effort/M
1-2 days
 Effort/S
2-4 hours
 Effort/XL
> 1 week
 Effort/XS
< 2 hours
 Priority/Critical
Immediate attention required
 Priority/High
Important, needs attention soon
 Priority/Low
Nice to have, can wait
 Priority/Medium
Normal priority
 Type/Bug
Something isn't working
 Type/Chore
Maintenance tasks
 Type/Documentation
Documentation improvements
 Type/Feature
New feature or request
 Type/Refactor
Code refactoring without changing behavior
 Type/Test
Testing related
No Label Component/Backend Complexity/Simple Effort/S Priority/High Type/Feature
Milestone
No items
No Milestone Sprint 9 - Domain Advisory Pattern (viz-platform)
Projects
Clear projects
No project
Assignees
Clear assignees
lmiranda
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: personal-projects/leo-claude-mktplace#358
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?