Stats
Actions
Tags
From rules
코드를 작성·수정·리팩토링할 때 rules 플러그인의 규칙을 참조한다. React 컴포넌트, TypeScript, 스타일링, 프로젝트 구조, 접근성, 테스트, 네이밍 관련 코드를 생성할 때 자동으로 사용한다.
How this skill is triggered — by the user, by Claude, or both
Slash command
/rules:writeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
코드를 작성·수정·리팩토링할 때 이 스킬이 트리거된다. 작업 대상 코드에 해당하는 카테고리의 규칙 파일을 읽고, 규칙을 준수하는 코드를 생성한다.
코드를 작성·수정·리팩토링할 때 이 스킬이 트리거된다. 작업 대상 코드에 해당하는 카테고리의 규칙 파일을 읽고, 규칙을 준수하는 코드를 생성한다.
작업 대상에 따라 해당 카테고리의 규칙 파일을 읽는다:
| 작업 대상 | 카테고리 디렉토리 | 규칙 수 |
|---|---|---|
| React 컴포넌트, 훅, 이벤트 핸들러 | react/ | 24 |
| TypeScript 타입 정의, 제네릭 | typescript/ | 3 |
| 디렉토리 구조, 도메인 설계 | structure/ | 3 |
| vanilla-extract, 디자인 토큰 | styling/ | 2 |
| 시맨틱 HTML, ARIA, 키보드 | accessibility/ | 1 |
| 테스트 코드 | testing/ | 1 |
| 네이밍, i18n 키 | naming/ | 1 |
어떤 코드를 작성하든 다음은 항상 확인:
typescript/ts-no-any.md — any 타입 금지typescript/ts-no-type-assertion.md — as, ! 단언 금지naming/naming-conventions.md — 네이밍 컨벤션npx claudepluginhub flex-hyuntae/claude-plugins --plugin rulesDefines React + TypeScript component and hook standards including structure rules, custom hook guidelines, and performance memoization patterns.
Guides writing and modifying React components with modern patterns, TypeScript, hooks for state and effects, component composition, and pitfalls to avoid. Triggers on .jsx/.tsx files or React planning.
Enforces TypeScript strict mode, ESLint rules, type safety, React patterns, naming conventions, and function length guidelines. Useful for writing or reviewing TypeScript/JavaScript frontend code.