ai-native-design-framework

Make generic UI look consistent. No hardcoding, no ignoring your design system. Spec for AI-native design systems: tokens, slots and rules agents can discover and validate via MCP (coming in v2).

Active — Updated in the last 14 days

View on GitHub

27 GitHub stars (27)

+5 in 6 days

Stars gained per day · daily snapshots since Oct 10

Stars gained between daily snapshots
Period	New stars
Oct 11	0
Oct 12	+1
Oct 13	+2
Oct 14	0
Oct 15	+1
Oct 16	+1

1 skill (1 skills found in its SKILL.md files)
1 forks (1 forks)
5d ago last update (Last updated 5d ago)

Install

Skills CLI

npx skills add 0design/ai-native-design-framework

Asks which agents to install it for. Add -g to install it for every project.

Claude Code

git clone https://github.com/0design/ai-native-design-frameworkcp -r "ai-native-design-framework/packages/aindf-kit/skill" ~/.claude/skills/

Copies the aindf-screen-author skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).

Plugin

/plugin marketplace add 0design/ai-native-design-framework

Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.

Skills can run code on your machine — read the SKILL.md first.

What it does

In the author's own words, from each skill's SKILL.md.

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).
packages/aindf-kit/skill/SKILL.md on GitHub (opens in a new tab)

Review before you install

A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.

Encoders & Decoders

Hash Generators

Code Formatters

HTML Tools

JavaScript Tools

Network Tools

Database Tools

Development Tools

Miscellaneous Tools

ai-native-design-framework