appdimens-skills

A shared brain for AI coding agents that build UIs with AppDimens.

Before writing any size, the agent identifies the base screen the values were chosen on (size, resolution, density, orientation, aspect, font scale) and what each layout element is supposed to do (list, grid, carousel, card, fill, hug, scroll, fixed hairline…). Only then does it choose the AppDimens library, the strategy and the token, computing every base value with a CLI so the build looks like the source on that screen and scales correctly elsewhere. A validator catches the usual mistakes after every edit.

Works with Claude Code, OpenAI Codex, Gemini CLI, OpenClaw, Hermes Agent, Cursor, GitHub Copilot, Windsurf and any agent that reads the Agent Skills standard (.agents/skills).

🇧🇷 Resumo em português · 📄 Conceito (PT-BR) · 🔍 Revisão e testes (PT-BR)

Install

npx appdimens-skills

The installer detects the agentic clients and IDEs on your machine and the AppDimens platforms in your project, then asks — like other skill packages — what to install:

? Install for            › This project / My user (all projects)
? Which agents / IDEs?   ◼ Claude Code  installed   ◻ OpenAI Codex   ◼ Cursor  used in project   …
? Which skills?          ■ layout-intent (core)  ◼ design-to-code  ◼ claude-design  ◼ code-edit  ◼ new-screen
                         ◼ react-native  detected in project   ◻ android   ◻ apple   ◻ flutter   ◻ web   …
? Add the Claude Code validation hook?   › Yes
? Create appdimens.config.json now?      › Yes

Non-interactive (CI, scripts):

npx appdimens-skills install --agents claude-code,codex,cursor --skills android,web --yes
npx appdimens-skills install --global --agents detected --skills all --yes
npx appdimens-skills detect        # agents installed here + platforms in this project
npx appdimens-skills list          # skill and agent ids
npx appdimens-skills uninstall     # removes exactly what was installed (manifest); --global for the user install

Where each agent gets the files