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

dzero-review

フロントエンド実装のコードレビューを実施する。PR レビュー、コードレビュー、実装チェック、品質確認を依頼されたときに使う。実装レイヤー選定の妥当性から各技術軸の観点まで順に検査する。

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

d-zero-dev/frontend-guidelines
설치 방법 보기

포함된 파일(1)

  • SKILL.md2.2 KB

SKILL.md(원문)

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

フロントエンドレビュー

D-ZERO のフロントエンド実装をレビューするときの手順。以下の順に検査し、指摘には根拠（該当スキルまたは ガイドライン の該当箇所）を添える。

レビュー手順

  1. 実装レイヤー選定の妥当性（最初に必ず）
    • dzero-tech-selection を読み、レビュー対象の実装が適切なレイヤーで行われているかを検査する
    • 例: JS で実装されているが HTML ネイティブ要素や CSS だけで実現できるものはないか
  2. デザインとの突き合わせ
    • デザインデータ（Figma 等）を参照した実装の場合、dzero-design-to-code の原則に照らして違反を検査する
  3. 各技術軸の検査
    • 変更内容に該当する軸のスキルを読み、その実装規範に照らして違反を検査する
      • HTML / Pug: dzero-html
      • CSS: dzero-css
      • JavaScript / TypeScript: dzero-js
      • アクセシビリティ: dzero-a11y（マークアップ・インタラクションの変更がある場合は必ず）
  4. ブラウザでの動作確認
    • レビュー対象のページをブラウザで実際に表示し、表示崩れ・動作・インタラクションを確認する（コードリーディングだけで完了としない。確認手段はプロジェクトの環境の指示に従う）
  5. lint の確認
    • lint で担保される事項はレビューで人力チェックせず、lint が実行されているか（CI・pre-commit）だけを確認する

報告形式

  • 指摘は「重要度（要修正 / 提案 / 質問）+ 該当箇所 + 根拠」の形式でまとめる
  • 根拠を示せない指摘はしない（好みの問題は「提案」として明示する）

리뷰

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

댓글

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

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

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

0 / 1,000자

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

같은 저장소의 스킬

dzero-a11y

무료

D-ZERO のアクセシビリティ規約。マークアップやインタラクションの実装・変更・レビューで、WAI-ARIA、代替テキスト（alt）、ランドマーク、見出し、キーボード操作、フォーカスを扱うときに使う。

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

d-zero-dev/frontend-guidelines202026년 10월 15일 업데이트

dzero-css

무료

D-ZERO の CSS コーディング規約。CSS を書く・編集する・レビューするときに使う。コンポーネントのスタイル、レイアウト、レスポンシブ、カスタムプロパティ、セレクタ設計に適用する。

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

d-zero-dev/frontend-guidelines202026년 10월 15일 업데이트

dzero-design-to-code

무료

デザインデータ（Figma などのデザインカンプ）を参照してコーディングするときの解釈原則とアセットの扱い。Figma の URL・MCP・デザイン画像・カンプをもとに実装や修正をするときに必ず使う。

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

d-zero-dev/frontend-guidelines202026년 10월 15일 업데이트

dzero-html

무료

D-ZERO の HTML/Pug マークアップ規約。HTML や Pug を書く・編集する・レビューするときに使う。コンポーネント設計、クラス命名、文書構造、画像、リンク、メタ情報に適用する。

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

d-zero-dev/frontend-guidelines202026년 10월 15일 업데이트

dzero-js

무료

D-ZERO の JavaScript/TypeScript コーディング規約。JS/TS を書く・編集する・レビューするときに使う。イベント処理、DOM 操作、状態変更、ライブラリ追加、スクリプト読み込みに適用する。

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

d-zero-dev/frontend-guidelines202026년 10월 15일 업데이트

dzero-tech-selection

무료

UI・機能・コンポーネントの実装レイヤー（HTML/CSS/JavaScript）を決定する判断基準。実装・修正の着手前に必ず読む。アコーディオン、モーダル、ポップオーバー、開閉・切替などのインタラクション実装を依頼されたときに使う。

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

d-zero-dev/frontend-guidelines202026년 10월 15일 업데이트

d-zero-dev의 스킬 모두 보기

이 스킬의 문제 신고