application-development

Guide Next.js, React, and TypeScript web app development with official framework patterns.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/speqqai/claude --skill application-development-speqqai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: application-development
Source: https://github.com/speqqai/claude/tree/main/skills/application-development
Command: npx skills add https://github.com/speqqai/claude --skill application-development-speqqai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Build robust apps by defaulting to official framework patterns, strong typing, accessible UI, and measurable performance.

Core Features & Use Cases

  • Architecture-first design: define feature boundaries, ownership, and data flow before coding.
  • Framework-first implementation: favor Next.js App Router conventions, minimal client-side JavaScript, and strict typing at API boundaries.
  • Centralized styling: use design tokens and predictable CSS architecture to avoid ad hoc patterns.
  • Accessibility and performance by default: semantic HTML, keyboard navigation, WCAG compatibility, and performance considerations baked in.
  • Use case: when building a production-grade web app, follow these steps to ensure maintainability, scalability, and quality.

Quick Start

Apply Next.js, React, and TypeScript patterns to implement a production-grade web app with accessible UI and performance-focused decisions.

Frequently Asked Questions about application-development

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

FAQPage Schema
How do I structure a production-grade Next.js web application for scalability?

Structure a production-grade Next.js web application by defining architecture boundaries, feature ownership, and data flow before coding. Favor official framework patterns like the App Router to ensure maintainability and scalability.

What are the best framework patterns for building React apps with TypeScript?

The best framework patterns for building React apps with TypeScript involve using framework-first implementations, strict typing at API boundaries, and centralized styling with design tokens to avoid ad hoc patterns.

How do I enforce accessibility and performance by default in a web application?

Enforce accessibility and performance in a web application by using semantic HTML, ensuring keyboard navigation, checking WCAG compatibility, and applying performance considerations throughout the development process.

Do I need to avoid new dependencies when building a scalable web app?

Yes, you should avoid adding new dependencies without explicit justification when building a scalable web app. Defaulting to official framework documentation over custom abstractions keeps the architecture robust and maintainable.

What is framework-first implementation in Next.js App Router?

Framework-first implementation in Next.js App Router is the practice of favoring built-in conventions and official documentation over custom abstractions, ensuring minimal client-side JavaScript and strict typing at API boundaries.