본문으로 건너뛰기
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 / 1,000자

이 양식은 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의 스킬 모두 보기

이 스킬의 문제 신고