Skills
.Work. You
Rest

frontend-development

Community

Frontend engineering guidance for modern React.

Software Engineering#typescript#a11y#frontend#react#Next.js#i18n#design-system
AuthorPetriLahdelma
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-development
Download link: https://github.com/PetriLahdelma/digitaltableteur/archive/main.zip#frontend-development

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository