How does the skill identify architectural violations?

The skill references your project's docs/ARCHITECTURE.md file and uses a internal priority list to check for common violations in the specified module.

How does it ensure the fixes don't break my build?

After every automated fix, the skill runs a validation sequence including TypeScript type checking, Vite building, and Vitest unit tests.

Does it handle security vulnerabilities?

Absolutely. It prioritizes critical security fixes like removing hardcoded secrets and sanitizing or removing dangerouslySetInnerHTML usage.

Can it migrate state management libraries?

Yes, it is specifically configured to migrate Redux stores to Zustand and move server-side state into React Query hooks.

React Architecture Violation Fixer

Name: React Architecture Violation Fixer
Author: HerbertJulio

byHerbertJulio

•

安全与测试

Automatically identifies and remediates architectural violations in React projects based on predefined priority levels and project standards.

The review-fix-violations skill is designed to streamline code reviews and maintenance by automatically detecting and repairing deviations from a project's ARCHITECTURE.md guidelines. It categorizes issues into critical security and logic fixes, important migrations—such as Redux to Zustand or TypeScript conversions—and general code quality improvements. By systematically applying these fixes and validating them with integrated build and test scripts, the skill ensures that React modules remain clean, secure, and compliant with modern best practices without manual intervention.

主要功能

01Modernization of legacy code through Redux-to-Zustand and functional component migrations

02Automated post-fix validation using build and test suites

03Prioritized automated remediation of critical architectural violations

04Security hardening via secret removal and HTML sanitization

0510 GitHub stars

06TypeScript enforcement and automated PropType replacement

使用场景

01Onboarding legacy React modules into a modern, standardized architectural framework

02Performing automated security and best-practice audits before major production releases

03Refactoring complex state management systems to improve performance and maintainability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent review-fix-violations

For use in Claude.ai and ChatGPT

主要功能

01Modernization of legacy code through Redux-to-Zustand and functional component migrations

02Automated post-fix validation using build and test suites

03Prioritized automated remediation of critical architectural violations

04Security hardening via secret removal and HTML sanitization

0510 GitHub stars

06TypeScript enforcement and automated PropType replacement

使用场景

01Onboarding legacy React modules into a modern, standardized architectural framework

02Performing automated security and best-practice audits before major production releases

03Refactoring complex state management systems to improve performance and maintainability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent review-fix-violations

For use in Claude.ai and ChatGPT