Coding & Development / Refactoring
Refactor Component
/RefactorComponentTry it in
What it does
Refactor without changing behaviour a UI component — e.g. a React `<PricingTable />` component with three tier props.
How to use
Share the current code and state any constraints like framework version or style guide. Bring a UI component — for example a React `<PricingTable />` component with three tier props. You get back a rewritten version with a summary of what changed and why.
Example
/RefactorComponent Input: a React `<PricingTable />` component with three tier props Ask: Share the current code and state any constraints like framework version or style guide. Return: a rewritten version with a summary of what changed and why
Run it in
Paste the command, then attach the file or text on the same message - it handles mixed input well.
You might also like
/RefactorScript
Refactor without changing behaviour a script — e.g. a Python script that renames 10.
/RefactorApi
Refactor without changing behaviour an API endpoint — e.g. a `POST /api/orders` Express handler with Stripe integration.
/RefactorConfig
Refactor without changing behaviour a config file — e.g. a `docker-compose.yml` running Postgres.
/RefactorFunction
Refactor without changing behaviour a function — e.g. a 40-line `parseInvoice(buffer)` helper in TypeScript.