Global Coding Style

Enforce global coding style with Prettier, ESLint, and TypeScript strict mode.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/SpacePlushy/portfolio --skill global-coding-style-spaceplushy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Global Coding Style
Source: https://github.com/SpacePlushy/portfolio/tree/main/.claude/skills/global-coding-style
Command: npx skills add https://github.com/SpacePlushy/portfolio --skill global-coding-style-spaceplushy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Inconsistent code formatting, naming, and structure lead to readability issues, merge conflicts, and a fragmented codebase. This skill guides AI in adhering to global coding style conventions, ensuring a clean, maintainable, and unified codebase, freeing you from manual style policing.

Core Features & Use Cases

  • Consistent Formatting: Directs AI on applying proper indentation, naming conventions, and TypeScript standards.
  • Astro & Component Structure: Guides AI on structuring Astro components, imports, and prop definitions.
  • Code Quality & Readability: Ensures AI uses Prettier/ESLint, avoids any types, and writes DRY, efficient code.

Quick Start

Refactor the 'utils.ts' file to align with the global coding style, focusing on naming conventions and TypeScript strictness.

Frequently Asked Questions about Global Coding Style

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

FAQPage Schema
How do I enforce consistent code formatting across TypeScript and JavaScript files?

Enforce consistent code formatting by applying Prettier for automated formatting and ESLint for linting rules across TypeScript (.ts, .tsx), JavaScript (.js, .jsx), and component files. This Skill automates enforcement of global coding style during file creation or modification, ensuring uniform indentation, quotes, semicolons, and line length throughout your repository.

What's the best way to maintain coding style conventions in a multi-framework codebase?

Establish global coding style conventions that apply consistently across TypeScript, JavaScript, Astro components, and React/Vue/Svelte components. This Skill guides AI to enforce naming conventions, TypeScript strict mode, DRY principles, and proper import statements, eliminating manual style policing and merge conflicts caused by inconsistent formatting.

Can I automate code quality checks for TypeScript strict mode and avoiding 'any' types?

Yes. This Skill automates enforcement of TypeScript strict mode and eliminates `any` types across your codebase, ensuring type safety and code quality. It applies ESLint and Prettier rules during file creation or modification to maintain interface definitions and proper type annotations.

How do I structure Astro components with consistent imports and prop definitions?

Apply global coding style conventions to Astro component structure, including consistent imports, interface definitions for props, and naming conventions. This Skill guides AI in formatting Astro files (.astro) alongside React/Vue/Svelte components, ensuring unified structure across your component library.

Why does inconsistent code style cause problems in collaborative development?

Inconsistent formatting, naming, and structure fragment your codebase, creating readability issues and merge conflicts. Global coding style enforces uniform conventions through Prettier formatting and ESLint linting, reducing manual review overhead and keeping your repository maintainable as the team scales.

Do I need to configure ESLint and Prettier separately, or does this handle everything?

This Skill automates both Prettier formatting and ESLint linting enforcement as part of global coding style application. You configure your style rules once, and the Skill applies them automatically during file creation or modification, eliminating manual configuration per file.