standards-components

SKILL.md

Core Rule: Build small, focused components with single responsibility. Compose complex UIs from simple pieces.

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components.

Each component does one thing well. If you need "and" to describe it, split it.

명확한 인터페이스, 캡슐화 및 최소한의 소품을 사용하여 단일 책임 원칙에 따라 재사용 가능하고 구성 가능한 UI 구성 요소를 디자인합니다. 모든 프레임워크(React, Vue, Svelte, 웹 구성 요소) 또는 구성 요소 파일에서 프런트엔드 구성 요소를 생성하거나 수정할 때 이 기술을 사용하세요. 구성 요소 디렉터리(comComponents/, src/comComponents/, ui/, lib/)에서 .jsx, .tsx, .vue, .svelte 파일 작업, 구성 요소 소품 및 인터페이스 정의, 구성 요소 구성 패턴 구현, 구성 요소 수준 상태 관리, 재사용 가능한 UI 요소(버튼, 양식, 카드, 모달) 생성, 구성 요소 API 문서화 또는 더 나은 재사용성과 유지 관리성을 위한 구성 요소 리팩터링 시 적용됩니다. 출처: maxritter/claude-codepro.

원본 보기