本文へ移動
cccskills
無料GitHub で公開

visual-regression

Run and interpret Clawix UI geometry, screenshot, protected-surface, and debt-baseline checks without authorizing visual repair.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md1.8 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

visual-regression

Use when validating that UI has not drifted.

Procedure

  1. Read docs/adr/0010-interface-governance.md, docs/ui/README.md, and the relevant pattern manifests.
  2. Run public checks:
    node scripts/ui_governance_guard.mjs
    node scripts/ui_rendered_geometry_manifest_check.mjs
    node scripts/ui_private_baseline_manifest_check.mjs
    node scripts/ui_private_visual_validation_manifest_check.mjs
    
  3. When private visual baselines are available, run the private/local screenshot and geometry comparison for the changed surface:
    CLAWIX_UI_PRIVATE_BASELINE_ROOT=<private-root> CLAWIX_UI_PRIVATE_GEOMETRY_ROOT=<private-root> CLAWIX_UI_PRIVATE_COPY_ROOT=<private-root> CLAWIX_UI_PRIVATE_DRIFT_ROOT=<private-root> CLAWIX_UI_PRIVATE_DEBT_AUDIT_ROOT=<private-root> CLAWIX_UI_PRIVATE_APPROVAL_ROOT=<private-root> node scripts/ui_private_visual_verify.mjs --require-approved
    CLAWIX_UI_PRIVATE_GEOMETRY_ROOT=<private-root> node scripts/ui_private_geometry_verify.mjs --require-approved
    CLAWIX_UI_PRIVATE_BASELINE_ROOT=<private-root> node scripts/ui_private_baseline_verify.mjs --require-approved
    
  4. Classify findings as protected-surface drift, new visual debt, expired exception, missing registry mapping, or non-visual false positive.
  5. Report out-of-scope drift; do not repair it unless the active model and task are explicitly visual-authorized.

Constraints

  • Private screenshots/baselines stay outside the public repo.
  • Passing public checks does not approve a new visual direction.
  • A user-approved baseline is required before a surface becomes protected.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

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日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

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日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

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日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

clawic/Clawix82026年6月6日 更新

clawic のスキルをすべて見る

このスキルの問題を報告する