RMF112018/HBC Advanced Project Picker V2
.claude/skills/hbc-advanced-project-picker-v2/SKILL.md
11/10 intelligent, construction-grade project switching with rich HbcCard KPI previews, role-based recommendations, optimistic updates, favorites/recent sections, unified Cmd+K command palette, Mac-bar live status, and zero-jank shell hydration
tools
Updated Apr 17, 2026
$ install --global
skillsauthnpx skillsauth add RMF112018/Project-Controls HBC Advanced Project Picker V2Install this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 11:22 AM4.4s1 file scanned
SKILL.md
- name:
- HBC Advanced Project Picker V2
- description:
- 11/10 intelligent, construction-grade project switching with rich HbcCard KPI previews, role-based recommendations, optimistic updates, favorites/recent sections, unified Cmd+K command palette, Mac-bar live status, and zero-jank shell hydration
- version:
- 1.0
- category:
- ux-project-picker
- triggers:
- project-picker, enhanced-picker, advanced-picker, optimistic-project-switch, favorites, recent-projects, recommended-projects, mac-bar-pill, command-palette, shell-overlay, kpi-preview, project-context, star-toggle
- updated:
- 2026-02-21
HBC Advanced Project Picker V2 Skill
Activation
Any request involving project picker enhancements, Mac bar project switching, Recent/Favorites/Recommended sections, star toggles, optimistic UI, rich previews, unified Cmd/Cmd+K, shell overlay, or elevating project navigation UX in the HBC Project Controls application.
High-ROI Protocol
- Verify current state of AppShell.tsx (Mac bar), ProjectPicker components, TanStack Router guards, ProjectService/UserProfileService, and feature flag
uxEnhancedProjectPickerV2at commit c76af8d. - Design exclusively for 11/10 construction UX: instant visual health (StageBadge/StatusBadge + 3 KPIs + last activity in HbcCard), role-aware “Recommended for You”, Recent (5 horizontal), Favorites (draggable star toggle), fuzzy search + hover preview pane, Mac-bar live status pill with pending skeleton.
- Enforce strict fidelity: reuse HbcCard/KPICard/StageBadge/HbcTanStackTable, TanStack Query v5 optimistic mutations (onMutate/rollback), Fluent v9 tokens + HbcMotion.stagger (max 300 ms, reduced-motion safe), FeatureGate/RoleGate/PermissionGate.
- Capture diagnostics: keyboard navigation + a11y audit, project-switch perceived latency (< 400 ms), bundle impact.
- Deliver only minimal diff-ready changes + exact ready-to-insert CLAUDE.md blocks for §§4,5,7,15 and UI/Navigation.
- Re-verify with Storybook (light/dark/mobile variants), Playwright (optimistic rollback, keyboard, mobile flows), and
npm run verify:bundle-size.
Reference: CLAUDE.md §§4 (Core Architecture Patterns), §7 (Service Methods), §15 (Current Phase Status), UI Components/Navigation subsection, HBC Navigation UX Hierarchy skill, and PERFORMANCE_OPTIMIZATION_GUIDE.md §5.
Related Skills
RMF112018/TanStack Router Stability SPFx
tools
VerifiedTrustedCommunity
Stable singleton pattern for TanStack Router v1 preventing route-tree recreation and UI freezes on AppContext changes in SPFx
SKILL.mdUpdated Apr 17, 2026
RMF112018/TanStack Query & Virtualization
databases
VerifiedTrustedCommunity
Query-key stability, default options, and virtualization threshold enforcement
SKILL.mdUpdated Apr 17, 2026
RMF112018/SPFx Performance Diagnostics & Bundle Optimization
tools
VerifiedTrustedCommunity
High-ROI bundle reduction, profiler-driven diagnostics, and verification for SPFx + Vite environments
SKILL.mdUpdated Apr 17, 2026
RMF112018/Schedule What-If Sandbox & Monte Carlo
databases
VerifiedTrustedCommunity
Branching what-if scenarios and Monte Carlo risk simulation with tornado/S-curve visualization
SKILL.mdUpdated Apr 17, 2026