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

superior-ui-audit

Perform a read-only audit of an existing product interface, prove UI findings from governing design evidence and runtime paths, and prepare implementation-ready recommendations or plans. Use for review and design-system drift analysis; do not use when the user asks to implement fixes directly.

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

KodekaTeam/superior-skillsスター 23(GitHub 23 + cccskills 0)

実行スコア 未検証

インストール方法を見る

含まれるファイル(2)

  • SKILL.md3.3 KB
  • references/change-plan.md1.5 KB

SKILL.md(原文)

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

Superior UI Audit

Audit one coherent product surface against the system that actually governs it. Prefer a small set of well-proven findings to a long list of stylistic opinions.

Boundaries

  • Treat product source as read-only.
  • Do not install dependencies, format files, or modify generated artifacts while auditing.
  • Render or interact with the UI only when requested or when available read-only tooling makes it necessary to prove a visual claim.
  • Keep functional bugs, accessibility defects, performance issues, and code quality outside the report unless the user includes them in scope.
  • If the user asks to fix the UI, this audit skill does not override that request; use the implementation workflow instead.

Trace the surface

Start from the route, screen, component family, or user journey in scope. Follow the actual path through layouts, compositions, components, variants, tokens, and resolved styles. Similar names and nearby files are candidates, not proof that an owner affects the surface.

Record the surface, relevant owners, design sources, explicit exceptions, and the current revision when available.

Reconstruct the local contract

Use current, governing evidence only:

  • accepted design or brand documentation;
  • shipped tokens and component contracts;
  • representative surfaces proven to share ownership;
  • direct contradictions within one user journey;
  • rendered evidence supplied or inspected for this audit.

Drafts and proposals describe future intent unless the repository marks them as accepted. Missing documentation is not itself a UI defect.

Prove each finding

A finding survives only when it has:

  1. Observation: an exact interface consequence on the selected surface;
  2. Contract: evidence showing what should govern that property;
  3. Connection: proof that the cited owner reaches the affected surface;
  4. Correction: one determined change that does not invent product intent.

Reject a candidate when the evidence supports multiple incompatible fixes, the difference is an intentional exception, or the proposed correction primarily changes business behavior.

Re-open the cited sources and actively look for counterevidence before reporting.

Report

Return no more than five findings, ordered by user impact, confidence, reach, and correction cost:

## Audit scope
- Surface:
- Governing evidence:
- Runtime owners:
- Explicit exceptions:

## Findings
| # | Observed problem | Evidence and connection | Required correction | Reach | Confidence |
|---|---|---|---|---|---|

## Highest-leverage change
<One finding, or “No supported recommendation.”>

If nothing passes the proof test, say so plainly. Do not pad the report.

Plan selected work

When the user selects a finding or explicitly requests a plan, read references/change-plan.md. Write one self-contained plan per root correction. The executor must not need the audit conversation to understand ownership, scope, preservation requirements, or validation.

レビュー

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

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

Review or implement interface accessibility for semantics, keyboard operation, focus, contrast, status communication, zoom, and assistive technology. Use when accessibility is explicitly requested, required by the product contract, or a changed interaction creates substantial accessibility risk. Do not activate for every visual edit or use it as a generic design audit.

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

KodekaTeam/superior-skills232026年10月29日 更新

Implement, harden, or review defensive security controls for REST APIs, including authentication and authorization boundaries, validation, rate limiting, abuse prevention, resource limits, SSRF defenses, safe errors, logging, and security tests. Use when API security, endpoint hardening, threat review, rate limiting, token handling, or sensitive business-flow protection is an explicit concern. Do not use for ordinary endpoint logic without meaningful security scope or for offensive exploitation.

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

KodekaTeam/superior-skills232026年10月29日 更新

Design, implement, or assess project structure, module ownership, dependency boundaries, and safe file or folder organization. Use when project architecture, feature placement, separation of responsibilities, or architectural refactoring is a primary concern, including new framework projects. For a read-only assessment, do not modify files unless the user also requests changes; do not activate merely because ordinary feature work adds a file.

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

KodekaTeam/superior-skills232026年10月29日 更新

Review a code change, diff, commit, branch, or pull request for actionable defects, regressions, security risks, compatibility breaks, and missing verification. Use when code review is the primary requested outcome. Keep the review read-only unless the user explicitly asks to implement fixes; do not use as a substitute for implementation or a specialized visual audit.

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

KodekaTeam/superior-skills232026年10月29日 更新

Add, revise, or remove source-code comments while preserving executable behavior. Use for comment-only cleanup, documentation comments, TODO quality, and reducing narration. Do not use when the requested change modifies logic.

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

KodekaTeam/superior-skills232026年10月29日 更新

Write or revise user-facing product and marketing copy with a specific voice, verifiable claims, natural rhythm, and useful actions. Use for interface labels, onboarding, landing pages, help text, and product messaging. Do not use for code comments or neutral technical documentation unless tone editing is requested.

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

KodekaTeam/superior-skills232026年10月29日 更新

KodekaTeam のスキルをすべて見る

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