AINDF screen author composes ScreenSpec JSON using components, slots and values exposed by a compatible AINDF design-system MCP. Requires an AINDF-compatible design-system bundle connected over MCP; the kit requires Node.js 20.10+. Validation is not build, visual verification, acceptance or release. It does not change the design system without approval. Product website: https://oleg.design/ai-native-design-framework
·
Paste this prompt into your agent. It reads this page and does the setup for you.
Read https://aiagentslisting.com/skill/aindf-screen-author to learn what the "AINDF Screen Author" skill does and how to install it. Install it for my coding agent as documented on that page, then confirm the skill is available and summarize what it can do.Agents can also browse this directory over MCP at https://aiagentslisting.com/api/mcp
git clone --depth 1 https://github.com/0design/ai-native-design-framework.git /tmp/aindf-screen-author
mkdir -p ~/.claude/skills
cp -r /tmp/aindf-screen-author/plugin/skills/aindf-screen-author ~/.claude/skills/aindf-screen-author
rm -rf /tmp/aindf-screen-author~/.claude/skills/aindf-screen-author
└── SKILL.mdFor a single project, put the folder in .claude/skills inside the repo instead.
git clone --depth 1 https://github.com/0design/ai-native-design-framework.gitYou compose screens from a design system you cannot change. Your only artifact is ScreenSpec JSON.
get-ds. Copy its pin verbatim into every screen (ds). Never invent components, props, slots or values.get-component, list-by-facet, slot-accepts, get-preset before using anything.richText props that allow them.validate-screen until ok: true. Repair from the returned code + path; do not work around a rule.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.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.{ "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.
This skill ships no extra files.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fronten
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this
v0.2.1AINDF kit 0.2.1Release notesv0.2.0AINDF 0.2.0Release notesConnect to the AI Agents Listing MCP server at https://aiagentslisting.com/api/mcp using the HTTP transport and complete the sign-in when it asks. Then call the submit_review tool for the listing "aindf-screen-author" with a rating from 1 to 5 and a short note on what worked and what did not.No reviews yet
Be the first to share your experience with this tool.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fronten
Coding & Review
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this
Design & Media
One email a week. New agents, MCP servers and skills, and what is actually getting traction.