typescript-conventions

Enforce strict TypeScript and React conventions for Next.js App Router files.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/mojwang/macbook-dev-setup --skill typescript-conventions-mojwang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-conventions
Source: https://github.com/mojwang/macbook-dev-setup/tree/main/config/skills/typescript-conventions
Command: npx skills add https://github.com/mojwang/macbook-dev-setup --skill typescript-conventions-mojwang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enforces strict TypeScript usage (no any), React component patterns, async/error handling, state management, and Tailwind CSS conventions for Next.js App Router projects to keep codebases consistent and maintainable.

Core Features & Use Cases

  • Enforces strict TypeScript practices (no any, explicit interfaces, type exports)
  • Guides React/Next.js App Router conventions (server components by default, proper props naming, Tailwind usage)
  • Ensures accessibility and semantic HTML patterns in components
  • Use cases include creating new components, refactoring existing ones, and enforcing conventions across a codebase

Quick Start

Run the TypeScript conventions check on your Next.js App Router project to identify and fix violations.

Frequently Asked Questions about typescript-conventions

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

FAQPage Schema
How do I enforce strict TypeScript conventions in a Next.js App Router project?

Enforce strict TypeScript conventions by applying rules that prohibit 'any' types, require explicit props interfaces, and mandate server components by default. This approach ensures codebase consistency during component creation and refactoring.

What's the best way to standardize React component props typing for Next.js?

Standardize React component props typing by requiring explicit interfaces and utilizing 'as const' assertions. This method integrates with linting tools to provide actionable feedback on file modifications.

Does this convention checker support Tailwind CSS usage in React components?

Yes, the convention checker supports Tailwind CSS by enforcing specific Tailwind usage patterns within React components. It analyzes .tsx files to ensure styling conventions are maintained during UI updates.

How do I fix 'no any' violations during a TypeScript codebase refactor?

Fix 'no any' violations during a TypeScript refactor by defining explicit interfaces and type exports for your variables. The convention checks highlight these violations and guide you toward strict type definitions.

When do I need to specify server vs client component rules in Next.js App Router?

Specify server vs client component rules in Next.js App Router whenever creating or modifying components. Enforcing server components by default ensures proper async handling and state management conventions are applied.

Can I use these TypeScript linting rules for general React apps outside Next.js?

These linting rules are specifically designed for Next.js App Router projects, covering patterns like server components and specific Tailwind usage. Applying them to general React apps outside Next.js may not yield appropriate convention feedback.