ms2sato/frontend-standards
.claude/skills/frontend-standards/SKILL.md
Detailed React patterns and code examples for frontend implementation. Use when you need step-by-step guidance or concrete code patterns beyond what the auto-loaded frontend rules provide.
$ install --global
skillsauthnpx skillsauth add ms2sato/agent-console frontend-standardsInstall 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, 10:44 AM4.2s3 files scanned
SKILL.md
- name:
- frontend-standards
- description:
- Detailed React patterns and code examples for frontend implementation. Use when you need step-by-step guidance or concrete code patterns beyond what the auto-loaded frontend rules provide.
Frontend Standards (Procedural Guide)
Note: Declarative rules (conventions, directory structure, naming) are in
.claude/rules/frontend.mdand auto-loaded forpackages/client/**. This skill provides detailed code examples and patterns.
Detailed Documentation
- react-patterns.md - React patterns with code examples (useEffect alternatives, Suspense, async/await, state management)
- frontend-standards.md - Full code examples for TanStack Router/Query, WebSocket integration, xterm.js, Valibot forms, testing, performance
See also: ux-design-standards skill for UX design principles that guide feature-level decisions.
Related Skills
ms2sato/ux-design-standards
testing
VerifiedTrustedCommunity
UX design principles for agent-console. Use when designing features, evaluating acceptance criteria, or reviewing user-facing interactions in a multi-agent management UI.
2SKILL.mdUpdated Apr 17, 2026
ms2sato/test-standards
development
VerifiedTrustedCommunity
Detailed test patterns and code examples. Use when you need step-by-step testing guidance, Server Bridge Pattern, or concrete code patterns beyond what the auto-loaded testing rules provide.
2SKILL.mdUpdated Apr 17, 2026
ms2sato/orchestrator
development
VerifiedTrustedCommunity
Orchestrator role for strategic decision-making, task prioritization, parallel task coordination via worktree delegation, and first-responder for dev agent questions. Use when managing multiple development agents or making prioritization decisions.
2SKILL.mdUpdated Apr 17, 2026
ms2sato/development-workflow-standards
development
VerifiedTrustedCommunity
Development workflow procedures including conflict assessment, re-implementation proposals, and TDD steps. Use when you need step-by-step workflow guidance beyond what the auto-loaded verification rules provide.
2SKILL.mdUpdated Apr 17, 2026