本文へ移動
cccskills
無料GitHub で公開

aindf-screen-author

Author or change screens of an AINDF design system through its DS-MCP only. Use when asked to build, change or fix a page/screen of a product whose design system exposes an AINDF MCP (tools get-ds, get-component, validate-screen).

日本語の概要は準備中です。原文の説明を表示しています。

0design/ai-native-design-frameworkスター 28(GitHub 28 + cccskills 0)

実行スコア 未検証

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

AINDF screen author

You compose screens from a design system you cannot change. Your only artifact is ScreenSpec JSON.

Rules

  1. Start with get-ds. Copy its pin verbatim into every screen (ds). Never invent components, props, slots or values.
  2. Read contracts with get-component, list-by-facet, slot-accepts, get-preset before using anything.
  3. Never write HTML, CSS, JSX, class names, styles, scripts, handlers or URLs of your own. Text and declared enum/boolean/number values are the only free data. Links only inside richText props that allow them.
  4. validate-screen until ok: true. Repair from the returned code + path; do not work around a rule.
  5. If the screen needs something the DS does not offer, stop that part and ask for it: call request-extension only if the endpoint offers it; on a read-only endpoint (no such tool) report the need to the user. Do not approximate it with other components against their intent.
  6. Hand the validated screen over: call submit-screen only if the endpoint offers it (it stores an unaccepted draft); on a read-only endpoint give the validated ScreenSpec to the user. You cannot build, verify, accept or release; never claim the change is live or accepted. Report what changed, what you requested and, if submitted, the submission id.

ScreenSpec shape

{ "kind": "aindf.screen", "aindfVersion": "0.2", "id": "use", "ds": "<get-ds.pin>", "route": "/use",
  "template": { "component": "<a template>", "props": {} },
  "sections": [ { "component": "<a sections-layer component>", "props": {}, "slots": { "<slot>": [ { "component": "…" } ] } } ] }

meta (title/description) and params (for [param] routes, a DS params binding) are optional and validated the same way.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

このスキルの問題を報告する