Three free Agent Skills (MIT license)
Three free Agent Skills help you build AI-native pages, which are pages made for people and AI agents. Load them in Figma or coding harnesses, which are tools that run coding agents.
How they work
Use basic-ux-figma or basic-ux-design so your agent builds for people and web agents.
Your agent writes clean HTML code and a clear accessibility tree for AI agents.
Run basic-ux-audit in a browser to score the page from 0 to 100.
Fix each failed check and run the audit again until both scores reach 90.
The skills
This skill tells a coding agent how to build a clear page for people and AI agents. It turns the 5 principles into rules.
This skill opens a page in Playwright, which is a browser test tool, and scores the 5 principles. Then your agent checks the screen pictures.
This skill checks Figma frames for people and writes notes for AI agents. Coding agents read those notes to build the page.
$ node scripts/assess.mjs https://basicux.com
BASIC UX audit: basicux.com
Overall 97 (people 93, agents 100)
People Agents
Beauty 100 100
Accessibility 100 100
Simplicity 86 100
Intuitiveness 100 100
Consistency 78 100
No measured failures. Finish the judgement steps in report.md.
Wrote report.md, report.json, agent-view.yaml and screenshots to ./basic-ux-reportWhy
AI agents read the browser's accessibility tree. AudioEye found in September 2026 that AI agents finished 96% of tasks on an accessible page.
Elnaffar and Rashidi showed in July 2026 that a rebuilt store page raised agent success to 89.3%. Agents also took 30% fewer steps.
In September 2026, MERJ checked a button with a wrong hidden code label. An AI agent clicked Cancel instead of Save in 25 of 25 runs.
Adrian Roselli said in October 2025 that AI-only code can make pages worse for disabled people. Jakob Nielsen wrote in July 2026 to give people and agents 1 view.
Scores
Every run gives you 5 scores for people and 5 scores for AI agents, from 0 to 100.
PeopleIs it aesthetically pleasing?
AgentsIs the page code clean?
PeopleCan everyone use it?
AgentsCan an agent read and use it?
PeopleDoes it make life easier?
AgentsDoes it take the fewest steps?
PeopleIs it easy to learn?
AgentsDoes it say what it does?
PeopleDoes it match the system?
AgentsDoes it act the same every time?
BASIC UX audit works with Google Lighthouse's 2026 Agentic browsing category and Cloudflare's isitagentready.com. It adds the people checks and the 5 principles.
Where they run
The Agent Skills install into Claude Code, Codex, Cursor and GitHub Copilot with npx skills add https://basicux.com.
npx skills add https://basicux.com. Or put the folders in .claude/skills/ or ~/.claude/skills/. Claude Code skills docs.agents/skills/ in your project folder. Codex skills docs.github/skills/, .claude/skills/ or .agents/skills/. GitHub Copilot skills docs.agents/skills/ or .cursor/skills/. Cursor skills docs.gemini/skills/, .agents/skills/ or ~/.gemini/skills/. Gemini CLI skills docsbasic-ux-figma.md or basic-ux-design.md. Or connect the Figma MCP server. Figma custom skills helpbasic-ux-design.zip as Agent Instructions in Webflow. The audit script runs outside Webflow. Webflow skills docsbasic-ux-design.zip under Workspace settings, then Skills. Lovable skills docsbasic-ux-design.md. Framer project skills lessonbasic-ux-design.md. Bolt takes 1 Markdown file of up to 256 KB. Bolt skills docs.agents/skills/ in your Repl, or run npx skills add https://basicux.com and pick Replit. Replit skills docsnpx skills add https://basicux.com to install them. Agent Skills client listDownload
Get all 3 skills in 1 zip file or get each skill alone. Use the form below to add your brand colors and fonts first.
Start
This page scores 97 in basic-ux-audit, with 93 for people and 100 for AI agents.