frontend-development

Guide React 18 and Next.js 15 frontend development with TypeScript.

2|Updated Jun 2, 2025

Search Tags:#typescript #a11y #frontend #react #Next.js #i18n #design-system

One-click install

npx skills add https://github.com/PetriLahdelma/digitaltableteur --skill frontend-development-petrilahdelma

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-development
Source: https://github.com/PetriLahdelma/digitaltableteur/tree/main/.claude/skills/frontend-development
Command: npx skills add https://github.com/PetriLahdelma/digitaltableteur --skill frontend-development-petrilahdelma

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides expert guidance for building robust, accessible frontend applications using React 18+, Next.js 15, and TypeScript, with emphasis on architecture, state management, and design-system integration to reduce complexity.

Core Features & Use Cases

Component-First Workflow: Break UI into reusable, testable components.
Type Safety & Testing: Strict TypeScript patterns, unit and accessibility tests.
i18n & Accessibility: Internationalization and WCAG-aligned accessibility guidelines.
Performance: Code splitting, lazy loading, and efficient rendering.

Quick Start

Explain how to implement a production-grade Next.js 15 page with a new component using the project’s design system.