skills.rest
Athos1972
Athos1972COMMUNITY
Explore all skills by this author →
WebsiteGitHub

architect

Architect frontend systems for scalable Next.js applications with routing and API guidelines.

Updated Apr 7, 2026
Search Tags:#architecture#frontend#routing#multilingual#server-components#rtl
One-click install
npx skills add https://github.com/Athos1972/pundo_frontend --skill architect-athos1972
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: architect
Source: https://github.com/Athos1972/pundo_frontend/tree/main/.claude/skills/architect
Command: npx skills add https://github.com/Athos1972/pundo_frontend --skill architect-athos1972

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides structured architectural guidance for the pundo_frontend project, aligning decisions, design principles, and roadmap planning to build scalable, maintainable frontend systems.

Core Features & Use Cases

  • Establishes design principles (mobile-first, server components by default, language/RTL handling) and a clear module structure.
  • Guides routing strategies, API integration patterns, and backend coordination for new pages, components, and data flows.
  • Serves as a practical decision framework when evaluating architecture trade-offs for new features and performance concerns.

Quick Start

Define an architecture plan for a new page or route in pundo_frontend, including components, data flow, and backend API requirements.

Frequently Asked Questions about architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I architect scalable frontend systems for maintainable Next.js applications?▼

Architect frontend systems for scalable Next.js applications by establishing mobile-first design principles, using server components by default, and defining clear module layouts. This approach codifies design rules to ensure long-term maintainability across your codebase.

What is the best way to structure routing and API integration in a Next.js frontend architecture?▼

Structure routing and API integration by following clear routing guidelines and using an API proxy for backend coordination. This architecture defines data flow expectations and backend integration patterns for new pages and components.

How do I handle multilingual and RTL layouts when building Next.js server components?▼

Handle multilingual and RTL layouts by applying built-in language and RTL handling design principles within your server components. The architecture provides structured guidance to manage these requirements consistently across the frontend codebase.

Does this frontend architecture approach work for evaluating performance trade-offs and new features?▼

Yes, this frontend architecture approach works for evaluating performance trade-offs and new features by providing a practical decision framework. It guides architecture choices for new pages, components, and data flows.

When should I use server components by default instead of client components in frontend architecture?▼

Use server components by default to establish scalable, maintainable frontend systems with better performance strategies. The architecture codifies this principle to streamline backend coordination and data flow decisions.

Related Skills

Explore More Software Engineering Skills→
vecearvecear

storybook-setup

Automate Storybook setup, configuration, and CSF3 story authoring for frontend projects.

Community
Intermediate
forgivesam168forgivesam168
2

frontend-patterns

Implement reusable React and Next.js component patterns for scalable frontend architectures.

Community
Intermediate
boshi-xixixiboshi-xixixi
255

Backend Python Expert

Develop Python backend services with FastAPI, asyncio, and pytest.

Community
Advanced
hoanghd218hoanghd218

brainstorming

Compare software architecture options with trade-offs and acceptance criteria.

Community
Advanced