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

frontend

Use for the frontend phase after the API contract exists — deciding the screens as units of work (one job a person finishes in one go, per actor of the event timeline), collecting the views and commands each screen needs, keeping the screen map in frontend/README.md, building against the Lean CLI, then handing over to frontend-ux-review and the human screen check. Not for the spec-animation mockup (domain-mockup).

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

설치 방법 보기

포함된 파일(1)

  • SKILL.md2.9 KB

SKILL.md(원문)

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

フロントエンド

現場の人が仕事を終わらせる画面を frontend/ に作る。相手は Lean CLI(frontend 規約)。 順序の確認から始める: cradle status で API 契約が着手済(操作がある)で、モックアップが作り込み済であること。 open の HS / MQ を見て、典型的な 1 件を最初から最後まで歩ける流れが documents/ddd/event-timeline.md にあり、open の HS / MQ がその流れを止めていないこと。止めているなら ddd スキルに戻る。材料が無いまま始めない。

画面の単位

業務のまとまり。主体(event-timeline.md の主体列)ごとに、その人が一続きで終わらせる仕事 1 つ = 1 画面。集約ごとでもコマンドごとでもない。 1 画面に要る口(Views)とコマンドを集め、要らないものは出さない。

モックアップとの違い

共通なのは「契約への口」と「判断を持たない」だけ。

モックアップフロントエンド
相手ドメインエキスパート現場の人
目的モデルの帰結を漏れなく確かめる・golden を採る仕事を終わらせる
単位口ごと・コマンドごと(全部見えることが要件)業務のまとまりごと(要らないものは出さない)
寿命使い捨て本番

手順

  1. 主体ごとに仕事を列挙し、画面に割る(単位は上の節)。
  2. 画面ごとに使う口(Views)とコマンドを cradle spec-query meta から集める(observations は内部入力で画面の操作ではないので集めない)。足りない口は Lean に戻す(frontend 規約)。
  3. frontend/README.md に「画面 ↔ 仕事(主体)↔ 口・コマンド」の対応表を持つ。
  4. frontend/ の package(openapi-fetch と gen:api)が無ければ先に作り、pnpm gen:api で契約クライアントを生成する。口はその生成物 1 枚(frontend 規約)。
  5. 相手は Lean CLI。dev は node lean/mockup/server.mjs の /api/lean を fetch 注入で使う。
  6. pnpm lint / pnpm test → frontend-ux-review → 人間による画面確認(ゲート)。

決めごと

  • モックアップの口ごとのタブ・コマンドごとのフォームを持ち込まない。名義は画面で選ばない(frontend 規約)。
  • 判断を画面に書かない・未決をデザインで埋めない(frontend 規約)。

리뷰

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

댓글

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

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

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. 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의 스킬 모두 보기

이 스킬의 문제 신고