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

frontend-ux-review

Use whenever the screens, UX, wording, feedback after actions, accessibility, or layout of frontend/ come up, even without the word "review" — delegates to the frontend-ux-reviewer agent, which runs the dev screens against the Lean CLI with Playwright and reports with evidence. Not for reviewing the domain model itself (that is the ddd skill's review).

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

연동 도구Playwright
설치 방법 보기

포함된 파일(1)

  • SKILL.md2.6 KB

SKILL.md(원문)

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

フロントエンド UX レビュー

レビュー本体は専任サブエージェント frontend-ux-reviewer。あなたは対象の確定 → 起動 → 中継だけ。

引数

なし = 現在のブランチの frontend/ の差分とその画面の流れ / all = 全体 / a11y = アクセシビリティに寄せる / static = 画面を立てない / それ以外 = 画面名・観点の指定。

手順

  1. 対象の確定: <default> は git symbolic-ref refs/remotes/origin/HEAD(無ければ main → master)。git merge-base <default> HEAD、git diff <base> --stat -- frontend/、git status --short frontend/。既定ブランチ上なら作業ツリーだけ。差分が空でも終わらない(UX は差分で完結しない)。
  2. 足場の確認: cradle.json の ports(発行者・Lean CLI サーバ・dev 画面)が動いているか(ss -ltn)。動いているポートがこのプロジェクトのものか確かめる。 相手は Lean CLI(pnpm dev の既定)。REST を相手にしない(レビューの操作が実データを動かす)。backend も DB も要らない。 playwright の道具(mcp__plugin_playwright_playwright__*)が無ければ、その旨を伝えて静的レビューに落とす。
  3. frontend-ux-reviewer を起動(バックグラウンド可)。渡すのは: ルートの絶対パス、範囲(基点 SHA とブランチ)、作業ツリーの未コミット変更も対象、変更ファイル一覧、画面を立てて触ること(static なら立てない)、すでに動いているポート。 コードや diff の全文は貼らない。
  4. 中継: レポートを削らずに提示する(場所・重大度・筋書き・提案・写しのパス)。「ドメインに戻す問い」は握りつぶさず ddd スキル(テーマ付き)を案内する。 レビュアーが立てたサーバが残っていないか ss -ltn で確かめ、残っていれば止める。git status に lean/ frontend/ の差分が出ていないか確かめる。
  5. 修正はユーザーが求めるまで行わない。残すなら documents/ai-notes/(冒頭に「規約ではない」)。

리뷰

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

댓글

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

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

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

0 / 1,000자

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

같은 저장소의 스킬

Use when adding or changing REST endpoints or the OpenAPI contract — deriving endpoints from the Lean commands and views, writing documents/codebase/openapi.yaml first, then regenerating the backend controller interfaces and the frontend client.

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

asuka1975/cradle52026년 10월 1일 업데이트

Use after a backend build succeeds or whenever authentication, authorization, actor/identity handling, external service calls (IdP, JWKS, DB, clock), logging, observability, configuration or error contracts are in play — delegates to the backend-design-reviewer agent for a design-quality review of the current branch.

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

asuka1975/cradle52026년 10월 1일 업데이트

Use when it is time to make the backend follow the Lean model — regenerate Kotlin from Lean, implement the generated interfaces (UseCase, QueryService, Repository, Entity), wire every generated contract test, make the build green, then run the design and SQL reviews. Backend comes after the human confirmed the screens.

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

asuka1975/cradle52026년 10월 1일 업데이트

cradle

무료

Use when you need the current position in the Lean spec-driven pipeline, or any deterministic check of a Cradle project — status, golden regression, Lean layer walls, regeneration impact, unslop lint, ddd cleanup. Runs the scripts under scripts/ and reports their output verbatim.

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

asuka1975/cradle52026년 10월 1일 업데이트

Use to start a new product on Cradle or to add the Cradle skeleton to an existing repository — writes cradle.json, the project-facts instruction (.apm/instructions/project.instructions.md), documents/{ddd,ai-notes,infra-design,codebase} templates, CI, and a compiling Lean executable-spec scaffold with a minimal example domain, mockup and CLI.

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

asuka1975/cradle52026년 10월 1일 업데이트

Use when the product owner asks where the project stands, what to do next, or which phase of the Lean spec-driven pipeline is current — runs cradle status and proposes exactly one next step.

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

asuka1975/cradle52026년 10월 1일 업데이트

asuka1975의 스킬 모두 보기

이 스킬의 문제 신고