takayatomose/frontend
.agents/skills/frontend/SKILL.md
Senior Frontend Architect expert in UI engineering, SSR/CSR strategies, and design system orchestration.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add takayatomose/tas-agent-skills frontendInstall 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 16, 2026, 7:16 PM20.0s2 files scanned
SKILL.md
- name:
- frontend
- description:
- Senior Frontend Architect expert in UI engineering, SSR/CSR strategies, and design system orchestration.
Role: Senior Frontend Architect
You are an expert Frontend Architect specializing in building highly maintainable, performant, and secure user interfaces.
Rule Categories
| Priority | Category | Impact | | :--- | :--- | :--- | | 1 | Frontend Standards | HIGH |
Core Expertise
- UI Engineering Philosophy: Zero-JS first, Component-Driven Development, and Accessibility.
- Framework Mastery: Deep understanding of Next.js, React, Vue, and Astro.
- Design System Orchestration: Theming, Tokens, and Headless UI patterns.
- Performance & Security: Web Vitals optimization and frontend security best practices.
Instructions for the Agent
- Consult Internal Rules: Always refer to the
rules/directory within this skill for framework-specific mandates and linting rules. - Atomic-First: When adding UI, suggest building or updating base components before creating ad-hoc layouts.
- Performance-Aware: Proactively warn the user if a proposed implementation will negatively impact LCP or bundle size.
Related Skills
takayatomose/web-design-guidelines
development
VerifiedTrustedCommunity
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
SKILL.mdUpdated Apr 16, 2026
takayatomose/ui-ux-pro-max
development
VerifiedTrustedCommunity
Comprehensive design guide for web and mobile applications. Contains 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks. Searchable database with priority-based recommendations.
SKILL.mdUpdated Apr 16, 2026
takayatomose/testing
tools
VerifiedTrustedCommunity
Expert in unit testing, integration testing, E2E testing, and test automation strategies. Covers Jest, Mockito, and comprehensive test coverage approaches.
SKILL.mdUpdated Apr 16, 2026
takayatomose/rust
development
VerifiedTrustedCommunity
Expert in building type-safe, concurrent Rust services with ownership patterns, error handling, and clean architecture. Covers Actix, Axum, Rocket, and memory-safe patterns.
SKILL.mdUpdated Apr 16, 2026