メニュー
Show AI design patterns project health, track completion status, coordinate agent activities, and suggest intelligent next priority actions
Project-specific entrypoint for analyzing Google Search Console exports for aiuxdesign.guide. Auto-triggers on SEO-review phrases. Standardizes the CSV diff analysis, flags known patterns (CTR problems, near-page-1 opportunities, regressions, breakouts), cross-references LHCI perf issues, and points Claude at CLAUDE.md's SEO troubleshooting section before interpretation. Use when the user mentions "check GSC", "SEO review", "GSC export", "search console data", "any SEO improvements", "GSC performance", or pastes a path to a GSC export folder.
Project-specific performance investigation entrypoint for aiuxdesign.guide. Auto-triggers on perf-related phrases and points Claude at CLAUDE.md's documented incidents and the LHCI workflow before delegating to generic perf skills. Use when the user mentions "site is slow", "performance regression", "LCP", "CLS", "INP", "Core Web Vitals", "lighthouse score", "clarity numbers", or "speed insights".
Auto-scaffold Designer Guides learning paths by analyzing existing guides (Claude Code, Cursor) and generating new guides for other tools
Guide through updating AI design patterns with comprehensive checklist completion, code examples, images, documentation, and interactive demos
Verify production builds pass all quality checks, analyze bundle impact, and ensure readiness for Vercel deployment with zero errors
Enforce code standards, validate against project patterns, review code quality, and maintain consistent TypeScript strict mode compliance across all components
| name | Progress Dashboard |
| description | Show AI design patterns project health, track completion status, coordinate agent activities, and suggest intelligent next priority actions |
This skill provides comprehensive visibility into your AI Design Patterns project health, shows what's been accomplished, and suggests intelligent next actions based on current project state.
Claude will automatically invoke this skill when:
📊 Pattern Completion
├── ✅ Fully Updated: 12/24 patterns
│ ├── Contextual Assistance
│ ├── Progressive Disclosure
│ ├── Human-in-the-Loop
│ ├── Explainable AI
│ ├── Conversational UI
│ ├── Adaptive Interfaces
│ ├── Multimodal Interaction
│ ├── Guided Learning
│ ├── Augmented Creation
│ ├── Responsible AI
│ ├── Error Recovery
│ └── Collaborative AI
│
├── ⏳ Requiring Updates: 12/24 patterns
│ ├── Predictive Anticipation
│ ├── Ambient Intelligence
│ ├── Confidence Visualization
│ ├── Safe Exploration
│ ├── Feedback Loops
│ ├── Graceful Handoff
│ ├── Context Switching
│ ├── Intelligent Caching
│ ├── Progressive Enhancement
│ ├── Privacy-First Design
│ ├── Selective Memory
│ └── Universal Access Patterns
│
└── 📈 Progress: 50% complete (12/24)
🧪 Test Coverage
├── Total Tests: 481+ comprehensive tests
├── Coverage: 48% (statements)
│ ├── Statements: 47.82%
│ ├── Lines: 48.28%
│ ├── Functions: 39%
│ └── Branches: 36.19%
├── Target: 70% coverage
└── Gap: Need +22% improvement
Extracted from docs/SESSION-LOG.md "Recent Sessions" section, showing:
🏥 Project Health
├── ✅ Build Status: [Passing/Failing]
├── ✅ Type Safety: [0 TS Errors]
├── ✅ Linting: [0 ESLint Errors]
├── ✅ Tests: [481 tests passing]
├── ✅ Git: [Main branch up to date]
└── ⚠️ Coverage: [48% - Below 70% target]
Shows recent work by AI agents:
Based on current project state, suggests:
→ Priority 1: Complete remaining patterns
→ Priority 2: Improve test coverage
→ Priority 1: Fix build blockers
→ Priority 0: Fix test failures
→ Suggested Workflow:
# Quick status summary
npm run progress-status
# Comprehensive progress report
npm run progress-report
# Show agent status and activities
npm run progress-agents
# Get next priority actions
npm run progress-next
# Update task status from agent activities
npm run progress-update
# Synchronize all status files with current state
npm run progress-sync
# Usage tracking and cost analysis
npm run usage
npm run usage:daily
# Pattern generator status
npm run list-patterns
# Test coverage analysis
npm run test:coverage
# Design consistency report
npm run design-report
# TypeScript error check
npm run ts-guardian
/start command to pull latest changes/save command to commit and pushThis skill monitors and coordinates:
| Metric | Current | Target | Status |
|---|---|---|---|
| Patterns Complete | 12/24 | 24/24 | 50% ✅ |
| Test Coverage | 48% | 70% | -22% ⚠️ |
| Tests Written | 481 | 550+ | 87% ✅ |
| TypeScript Errors | 0 | 0 | ✅ |
| ESLint Errors | 0 | 0 | ✅ |
| Build Status | ✅ Pass | ✅ Pass | ✅ |
From docs/SESSION-LOG.md recent sessions:
✅ Session 2025-10-19: Footer redesigned, About/Privacy/Terms pages created, all footer links functional ✅ Session 2025-10-16: Vercel Analytics integrated for page view tracking and web vitals ✅ Session 2025-10-14: Enhanced memory management system for agent coordination 🚀 Major: Improved test coverage from ~20% to 48% (128% improvement!) 🚀 Major: Fixed all major component test failures with proper mocking
Project is healthy when:
Based on current 12/24 pattern completion:
Phase 1 (Current): Complete 12 remaining patterns
Phase 2 (After Phase 1): Reach 70% test coverage
Phase 3 (Final): Production optimization
Remember: This is a coordinated project with AI agents working together. Check this dashboard regularly to ensure alignment and efficient progress toward project goals.