code-quality

Clean and refactor TypeScript, JSX, HTML, and CSS code.

Updated Nov 26, 2025

Search Tags:#typescript #workflow #architecture #frontend #cleanup #refactor #code-quality

Ready to run

npx skills add https://github.com/Aias/dotfiles --skill code-quality-aias

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: code-quality
Source: https://github.com/Aias/dotfiles/tree/main/agents/skills/code-quality
Command: npx skills add https://github.com/Aias/dotfiles --skill code-quality-aias

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Cleanup and refactoring at the intensity the user requests. Type-safety and imports for .ts/.tsx, and HTML/CSS/markup conventions, all live here—no separate frontend or TypeScript skills.

Core Features & Use Cases

Type-safe cleanup: Remove unsafe casts, redundant type annotations, and improve imports without breaking behavior.
Code health governance: Enforce naming, comments, and architectural consistency during cleanup.
Workflow-driven cleanup: Follow the explore → propose → approve → apply cycle to apply changes safely and verify outcomes.

Quick Start

Ask me to start a structured code cleanup on your project, then follow the explore → propose → approve → apply workflow.

Frequently Asked Questions about code-quality

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

FAQPage Schema

How do I safely refactor TypeScript code to remove unsafe casts?▼

To refactor TypeScript code safely, remove unsafe casts and redundant type annotations while improving imports to maintain behavior. This cleanup enforces naming, comments, and architectural consistency across your frontend project.

What is the best way to clean up HTML and CSS markup conventions?▼

Cleaning up HTML and CSS markup involves enforcing proper conventions and structural consistency without separate frontend skills. It handles markup alongside TypeScript to ensure type safety and maintainability across the project.

How do I start a structured code cleanup workflow?▼

To start a structured code cleanup, request the workflow and follow the explore, propose, approve, and apply cycle. This guided process verifies outcomes and applies changes safely without breaking existing behavior.

Can I use this cleanup tool for JSX files?▼

Yes, this cleanup tool works with JSX files to handle imports, type safety, and comments. It applies to TypeScript and JavaScript frontend code, ensuring type-safe refactoring and proper module structure.

Does type-safe refactoring affect existing behavior?▼

Type-safe refactoring does not affect existing behavior because it removes unsafe casts and redundant annotations while preserving functionality. The explore and propose workflow ensures changes are reviewed before application.

Why avoid unnecessary type annotations during TypeScript refactoring?▼

Avoiding unnecessary type annotations during TypeScript refactoring promotes proper module structure and cleaner code. Enforcing no unsafe casts and redundant types improves overall maintainability and architectural consistency.