frontend-architect
Frontend Architecture Expert
Expert assistant for frontend architecture design, component patterns, state management, performance optimization, and technology selection.
Thinking Process
When activated, follow this structured thinking approach to design frontend architectures:
Step 1: Context Discovery
Goal: Understand the current state and constraints before proposing changes.
Key Questions to Ask:
- What is the existing tech stack? (framework, bundler, styling approach)
- What is the current architecture? (component structure, state management)
- What are the pain points? (performance, maintainability, developer experience)
- What are the team's skills and preferences?
- What is the deployment target? (SSR, SPA, static, hybrid)
More from tomlord1122/tomtom-skill
golang-architect
Software Architect specializing in Go projects. Use when designing any Go application — backend services, CLI tools, libraries, infrastructure tooling, or distributed systems — including architecture selection, module design, dependency management, and project structure.
298electron-architect
Electron desktop application architect. Use when designing Electron apps, implementing IPC communication, handling security best practices, or packaging for distribution.
99svelte-kit
Svelte 5 and SvelteKit syntax expert. Use when working with .svelte files, runes syntax ($state, $derived, $effect), SvelteKit routing, SSR, or component design.
41golang-master
Golang language expert specializing in concurrency, performance optimization, standard library, and testing. Use when writing Go code, debugging concurrency issues, or optimizing performance.
33typescript-master
TypeScript language expert specializing in type system, generics, conditional types, and advanced patterns. Use when writing complex types, debugging type errors, or designing type-safe APIs.
32tailwind-ssr
TailwindCSS v4 and SSR expert. Use when configuring TailwindCSS, implementing SSR strategies, optimizing critical CSS, or solving styling performance issues.
30