Codify frontend architecture standards for Next.js, React, Vue, and Astro projects.
npx skills add https://github.com/hiimtrung/coder --skill frontend-hiimtrung
Please help me install this Agent Skill. Skill: frontend Source: https://github.com/hiimtrung/coder/tree/main/.agents/skills/frontend Command: npx skills add https://github.com/hiimtrung/coder --skill frontend-hiimtrung
Senior Frontend Architect expertise codifies standards for UI engineering, SSR/CSR strategies, and design system orchestration to improve maintainability, performance, and consistency across teams.
Provide a baseline frontend architecture blueprint to the agent and have it enforce SSR-first patterns
High-intent search queries and answers about installing and using this skill.
To architect scalable frontend systems, you codify UI engineering standards and enforce SSR-first patterns. This ensures maintainability, performance, and design-system integrity across large React projects by defaulting to server-rendered components.
The best way to migrate to Next.js SSR architecture is enforcing linting rules that make components server-rendered by default. Only designated interactive elements are rendered client-side, preserving accessibility and design-system integrity.
SSR-first architecture defaults to server-rendered components for initial load performance, unlike CSR which renders entirely client-side. It leverages interactive elements separately, optimizing load times and establishing strict performance budgets.
Yes, the frontend architecture approach applies to Vue and Astro projects alongside Next.js and React. It codifies rules and patterns across versatile frameworks to coordinate design systems and SSR/CSR strategies.
Design system orchestration is managed by codifying theming, tokens, and governance rules. This enables scalable, cohesive UIs across projects by enforcing accessibility and atomic-first component-driven development standards.
You should avoid a server-rendered first approach when your application requires highly interactive, stateful components that offer no SEO or initial load benefits. In these cases, standard CSR patterns for those specific elements are more appropriate.
az9713Initialize a project with dark code prevention directories, CLAUDE.md section, and baseline audit.
JansenAnalyticsRun automated Lighthouse audits and track performance budgets across pages.
murphytruemanGenerate CI/CD pipeline configurations for design system quality checks.
GenuinehGuide React and Next.js development with rendering strategies and App Router architecture.
