본문으로 건너뛰기
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 / 1,000자

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

이 스킬의 문제 신고