← ClaudeAtlas

implementation-uilisted

web 구현 표기법 — 시안 재현 절차(직수입 금지·토큰화·asset-manifest), 삼총사 view/view_model/state·form 표기, Django 템플릿·HTMX 선언 include·section 응답·외부 UI JS 로드, design_system 토큰·CSS, in-process client(django.test.Client)·urls. web/ 트리의 코드를 구현할 때 먼저 로드한다. 무엇을 어느 조각에 담는가·판별·승격·계약 소비 절차는 architecture-web, 트리·명명 사실은 discipline-web-houserules, 보편 클린코드는 discipline-cleancode로 위임.
changja88/dddjango · ★ 1 · Web & Frontend · score 74
Install: claude install-skill changja88/dddjango
# web 구현 표기 ## 언제 쓰나 `web/` 트리의 코드를 쓸 때 로드한다 — HTML 템플릿·삼총사 .py(view/view_model/state)·form·section·widget·design_system·client·urls. 시안(이미지·HTML)을 화면으로 재현할 때, HTMX 부분 재렌더·토큰·에셋을 배선할 때도 여기다. 전문을 읽지 말고 아래 라우팅 표로 필요한 절만 부분 적재한다. 경계: - 무엇을 view/section/widget 어느 조각에 담나 — 판별·승격·계약 소비 절차 → `architecture-web` - 파일을 어느 폴더에 어떤 이름으로 만드나 — 트리·명명 사실 → `discipline-web-houserules` - UI JS 이벤트·DOM·브라우저 자원·수명·키보드 표기 → `implementation-javascript` - 명명·함수 형태·캡슐화·중복 같은 보편 규율 → `discipline-cleancode` - 호스트 배선(INSTALLED_APPS·TEMPLATES DIRS·STATICFILES_DIRS 프리픽스 튜플·ROOT_URLCONF include·ALLOWED_HOSTS·htmx vendored 설치) → Coordinator — 커맨드 Phase 0 전제조건 검사 - BC 안 서버렌더(driven_layer templates·Django admin)는 비관할 — dddjango 플러그인 소관 ## 핵심 운영 원칙 - **외형 보존·내부 구조 통합** — 원본 DOM 관계·CSS 선언/값/효과를 템플릿·토큰·CSS 소유 위치에 보존한다. 엔진 런타임 전체 직수입·Django 책임 우회 금지 (§2) - **컴포넌트 정체 보존** — 시안이 `component-from-global-scope`로 선언한 커스텀 컴포넌트(예: Select)는 native 등가(native `<select>` 등)로 평탄화하거나 숨은 native mirror를 두지 않고 선언된 그 컴포넌트로 구현한다. 외형·옵션을 CSS로 맞춰도 정체가 다르면 비순응이며 `check_design_evidence.py --phase identity`(및 visual 백스톱)가 결정적으로 반송한다 — 메뉴·상호작용에 JS가 필요하면 implementation-javascript (§2) - 시안 빌드의 모든 coder 호출은 첫 변경 전 직접 inputs 입장을 거친다(코더 역할 계약). 데이터만 구현할 때도 inputs는 적용하며 visual 완료와 구별한다. 임시 검증은 scope의 사용자 실행 경계를 따른다 (§2) - 시안이 애초에 없으면 기존 design_system 관례로 자체 설계한다. 수집 실패는 시안 없음이 아니다. 변경/근사는 구체적인 이탈 결정 후 적용하고 실제 렌더 증적을 남긴다 (§2) - view는 함수 뷰 고정 — URL 바인딩·form 수신·세션 쿠키 추출·VM 호출·render·fragment 분기(HX-Request 헤더 또는 전용 라우트)만, 판단 금지. auth는 `@log