tangzhan-skill-code-simplier skill

Overview

This skill simplifies and optimizes recently modified HTML, JavaScript, and React code to improve clarity, consistency, and maintainability while preserving all original behavior. It applies project-specific conventions and prioritizes readable, explicit solutions over overly compact or clever code. The focus is on making the code easier to understand and extend without changing outputs or side effects.

How this skill works

The skill inspects the most recently modified files and identifies opportunities to reduce complexity, remove redundancy, and apply established coding conventions. It rewrites implementations to use ES modules, explicit function declarations, typed top-level returns where required, and proper React component patterns. Changes preserve functionality and include minimal, focused notes about non-obvious refactors.

When to use it

• After making local edits and before committing changes
• When a PR needs improved readability or consistent style
• When technical debt hides in nested conditionals or redundant logic
• Before handing code to another team member for review
• When preparing code for long-term maintenance or extension

Best practices

• Target only the recently modified code unless broader refactors are requested
• Prefer clear function names and explicit return types over cryptic one-liners
• Use function keyword for top-level functions and avoid arrow functions for exported APIs
• Replace nested ternaries with switch or if/else chains for multi-branch logic
• Keep abstractions helpful; avoid collapsing distinct responsibilities into a single function

Example use cases

• Simplify a React component that has deeply nested props handling and inconsistent Prop types
• Refactor an ES module with duplicate utility logic into a single clear helper while keeping public API intact
• Convert nested ternary expressions into a readable if/else or switch structure
• Reduce redundant DOM or template fragments in HTML while preserving rendered output
• Reorder and normalize imports with proper extensions and eliminate unused imports

FAQ