skills.rest
eco2-team
eco2-teamOFFICIAL
Explore all skills by this author →
GitHub

code-quality

Enforces Prettier, ESLint, and TypeScript conventions across PR reviews and CI pipelines.

2|1|Updated Oct 27, 2025
Search Tags:#typescript#linting#eslint#prettier#code-quality#code-review
One-click install
npx skills add https://github.com/eco2-team/frontend --skill code-quality-eco2-team
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-quality
Source: https://github.com/eco2-team/frontend/tree/main/.claude/skills/code-quality
Command: npx skills add https://github.com/eco2-team/frontend --skill code-quality-eco2-team

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend projects often drift from consistent styles, linting, and type safety, leading to bugs and harder maintenance.

Core Features & Use Cases

  • Enforces code conventions (Prettier, ESLint, TypeScript) across the codebase.
  • Provides a structured approach for code reviews and agent-skill usage to improve collaboration.
  • Useful during PR reviews, CI pipelines, and onboarding to establish a repeatable quality baseline.

Quick Start

Run the integrated quality checks locally or in CI to verify formatting, linting, typing, and review readiness before merging.

Frequently Asked Questions about code-quality

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

FAQPage Schema
How do I enforce consistent TypeScript, ESLint, and Prettier conventions across frontend PR reviews?▼

Frontend code quality checks identify and enforce Prettier formatting, ESLint linting, and TypeScript typing conventions. They solve the problem of projects drifting from consistent styles and type safety, which leads to bugs and harder maintenance.

How do I set up frontend code quality checks in a CI pipeline?▼

You set up frontend code quality checks in a CI pipeline by running integrated verification steps for Prettier formatting, ESLint linting, and TypeScript typing. This automates enforcement of coding standards and review readiness before code merges.

Can I use these code-quality guardrails during local frontend development?▼

Yes, you can use these code-quality guardrails during local frontend development. The conventions apply across local environments, CI pipelines, and PR reviews to provide robust guardrails and comprehensive guidance for consistent coding standards.

What is the best way to establish a repeatable code quality baseline for frontend onboarding?▼

The best way to establish a repeatable code quality baseline for frontend onboarding is to enforce defined Prettier, ESLint, and TypeScript conventions. This provides comprehensive guidance and easy onboarding for consistent coding standards across the codebase.

Why does my frontend project drift from consistent styles and type safety?▼

Your frontend project drifts from consistent styles and type safety due to a lack of enforced code conventions. Applying structured Prettier, ESLint, and TypeScript guardrails across PR reviews and CI pipelines prevents this drift and reduces maintenance issues.

Related Skills

Explore More Software Engineering Skills→
d-kimusond-kimuson
3

ts-project-initialize

Initialize TypeScript projects with strict tsconfig, pnpm, and OX linting.

Community
Advanced
TalonT-OrgTalonT-Org
5

merge-pr

Merge GitHub pull requests into the integration branch with conflict reports.

Official
Advanced
bryonjacobbryonjacob

installing-git-hooks

Install git hooks to run format, lint, typecheck, and tests via justfile commands.

Community
Advanced
ekremmkasapekremmkasap

python-code-style

Enforce Python code style with ruff, mypy, and Google-style docstrings.

Community
Intermediate