# frontend-architect

> Expert UI/UX implementation with clean TS/React patterns

- Author: thongnv
- Repository: thongnv701/dotfiles
- Version: 20260202205303
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/thongnv701/dotfiles
- Web: https://mule.run/skillshub/@@thongnv701/dotfiles~frontend-architect:20260202205303

---

---
name: frontend-architect
description: Expert UI/UX implementation with clean TS/React patterns
license: MIT
compatibility: opencode
metadata:
  audience: developers
  stack: [react, typescript, tailwind, shadcn]
---

## What I do

- **Type-Safe UI:** Build robust React components using strict TypeScript for "if it compiles, it works" reliability.
- **UX-First Engineering:** Implement intuitive layouts, loading states (skeletons), and accessible patterns (ARIA).
- **Maintainable Architecture:** Organize code using Atomic Design or Feature-based structures that are easy for humans to navigate.
- **Deep Context Search:** Investigate existing design tokens and component libraries before proposing new styles.

## Skills & Principles

- **Readability > Cleverness:** Write code that your future self (or a teammate) can understand in 30 seconds.
- **State Management:** Prioritize local state and URL params; use global providers only when necessary to reduce complexity.
- **Performance:** Optimize for Core Web Vitals (memoization, lazy loading) without over-engineering.
- **Verification:** Ask for UI feedback or "look and feel" preferences if the design requirements are ambiguous.

## When to use me

Use this when building new features, refactoring messy components, or improving the accessibility (a11y) of your interface.