본문으로 건너뛰기
cccskills
무료GitHub에 공개

ui-implementation

Implement functional Clawix UI wiring while respecting visual mutation boundaries, pattern contracts, protected surfaces, and debt baselines.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

clawic/Clawix
설치 방법 보기

포함된 파일(1)

  • SKILL.md2.6 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

ui-implementation

Use when implementing UI behavior, state, loading/error handling, actions, or accessibility behavior.

Procedure

  1. Read docs/adr/0010-interface-governance.md, docs/ui/README.md, docs/adr/0017-discoverability-and-meta-code-routing.md, docs/ui/visible-surfaces.inventory.json, and the relevant pattern manifest.
  2. Declare the mutation class. Non-authorized agents may proceed only for functional-ui or governance/tooling work.
  3. Declare the UI governance evidence before editing:
    • mutation class,
    • pattern IDs or debt/protected/exception mapping,
    • touched files and visible surfaces,
    • required interactive states,
    • accessibility governance evidence,
    • public checks to run.
  4. Keep visual shape stable. Do not change colors, spacing, typography, icons, layout, hierarchy, animations, or visible copy unless explicitly authorized.
  5. For accessibility-impacting UI, read docs/adr/0029-accessibility-governance.md and declare affected axes, surface mapping, generated UI status, and private/manual evidence aliases.
  6. If a guard reports out-of-scope visual debt, list it as pending. Do not fix it in the current change.
  7. For visual/copy/layout work without authorization, fill docs/ui/visual-change-proposal.template.md as a conceptual proposal and stop before editing presentation.
  8. Register any new durable UI governance artifact, guard, harness, docs router, or skill in docs/discoverability.registry.json so future agents can reach it within two hops.
  9. At task closure, validate against the task's starting commit by setting CLAWIX_UI_GUARD_DIFF_BASE=<task-base>. Use origin/main only when the task is explicitly PR, release, or historical-audit scope; classify those findings separately from local closure.
  10. Run node scripts/ui_governance_guard.mjs, node scripts/accessibility_governance_guard.mjs, the relevant UI governance checks, and the focused functional tests.

Constraints

  • No opportunistic visual cleanup.
  • No protected-surface edits without explicit permission.
  • Mechanical extraction requires before/after equivalence evidence.
  • UI comments are not canonical; durable UI decisions must point to ADRs, docs, registries, manifests, or tests.
  • Do not finish a UI task without reporting the pattern/debt/protected mapping and state coverage that were validated.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

accessibility-governance

무료

Govern Clawix accessibility changes across screen reader behavior, keyboard navigation, focus order, contrast, reduced motion, text scaling, timed interactions, and agent-generated UI.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

clawic/Clawix82026년 6월 6일 업데이트

adoption-canonicity-review

무료

Review or update stable, canonical, any-human, PMF, and adoption claims using adoption/canonicity governance packets.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

clawic/Clawix82026년 6월 6일 업데이트

adr-to-guardrail

무료

Turn a new or changed ADR into implemented behavior, routing docs, tests, and guardrails rather than leaving it as standalone prose.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

clawic/Clawix82026년 6월 6일 업데이트

architecture-drift-repair

무료

Repair confirmed architecture drift in small batches while preserving public canon and avoiding broad opportunistic refactors.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

clawic/Clawix82026년 6월 6일 업데이트

brand-guidelines

무료

Given an existing Style, generate a human-readable brand guidelines document covering colors, typography, voice, do/don't, imagery rules, and usage examples. Use when the user asks for a brand book, brand guide, or design system document.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

clawic/Clawix82026년 6월 6일 업데이트

canonical-catalog-expansion

무료

Add or improve canonical data catalog collections, fields, aliases, relations, evidence tags, docs, and tests.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

clawic/Clawix82026년 6월 6일 업데이트

clawic의 스킬 모두 보기

이 스킬의 문제 신고