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

design-handoff-review

Review product designs before engineering handoff or release for flow and state coverage, business-rule alignment, implementation clarity, accessibility, responsiveness, analytics, and testability.

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

실행 점수 미검증

설치 방법 보기

포함된 파일(2)

  • SKILL.md3.4 KB
  • agents/openai.yaml273 B

SKILL.md(원문)

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

Design Handoff Review

Assess whether a design package is sufficiently complete and unambiguous for engineering and QA, and produce an actionable handoff gap list.

Working rules

  • Review only what can be observed in the supplied designs, prototypes, requirements, component documentation, and implementation evidence.
  • Separate a confirmed defect, a conflict with requirements, a missing specification, and a recommendation.
  • Do not claim pixel-perfect comparison, responsive behavior, interaction behavior, or component usage when the available artifact cannot prove it.
  • Label inferred behavior and ask for confirmation instead of inventing states or business rules.
  • Prioritize user harm, blocked implementation, irreversible actions, accessibility, and likely rework over cosmetic preferences.
  • Respect the existing design system. Recommend a new pattern only when the current system does not cover the need or creates a concrete usability problem.
  • Do not edit design files, tickets, or code unless the user explicitly requests those changes.

Review workflow

  1. Establish the handoff boundary: platforms, breakpoints, target flows, release scope, supplied requirements, design-system version, and artifacts available for inspection.
  2. Map the intended user journey and enumerate screens, transitions, roles, entry points, exits, and irreversible actions.
  3. Check coverage where relevant:
    • happy, alternate, cancellation, recovery, and back-navigation paths;
    • loading, skeleton, empty, error, offline, timeout, partial-success, disabled, and success states;
    • permissions, authentication, destructive confirmations, concurrency, and duplicate actions;
    • business rules, data formats, limits, validation, sorting, filtering, pagination, and extreme content;
    • components, tokens, variants, naming, reusable patterns, and implementation annotations;
    • responsive layouts, touch targets, keyboard behavior, focus order, contrast, labels, and assistive technology;
    • content, localization expansion, dates, numbers, currencies, and error-message recovery guidance;
    • analytics events, acceptance criteria, feature flags, dependencies, and rollout behavior.
  4. Cross-check designs against requirements and identify mismatches in scope, terminology, state transitions, rules, and success conditions.
  5. Classify findings:
    • Blocker: engineering or QA cannot implement or verify the core behavior responsibly.
    • Major: likely user harm, accessibility failure, rule conflict, or expensive rework.
    • Minor: clarity, consistency, or polish issue with limited implementation risk.
  6. Convert the review into handoff-ready decisions, questions, state coverage, and acceptance scenarios.

Default deliverable

Use the smallest useful format, normally:

  1. Handoff readiness recommendation
  2. Scope and artifacts reviewed
  3. Findings by severity, with location, evidence, impact, and owner
  4. Flow and state coverage matrix
  5. Requirement-to-design conflicts
  6. Open implementation questions
  7. Acceptance scenarios and analytics gaps
  8. Final handoff checklist

When code or a running product is also supplied, clearly distinguish design-package completeness from implementation conformance.

리뷰

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

댓글

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

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

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

0 / 1,000자

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

같은 저장소의 스킬

Review a product requirement, PRD, brief, or meeting note before design or development; expose missing decisions, contradictions, edge cases, dependencies, and validation gaps without inventing business rules.

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

MUZI-LYY/design-team-ai-skills92026년 8월 26일 업데이트

Synthesize user interviews, observations, surveys, support tickets, reviews, or feedback into traceable themes, insights, tensions, opportunities, and research gaps; use when evidence must inform product or design decisions.

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

MUZI-LYY/design-team-ai-skills92026년 8월 26일 업데이트

MUZI-LYY의 스킬 모두 보기

이 스킬의 문제 신고