Agent Skills
Install OTF as an Agent Skill — drive the SDK and kits from Claude Code, Cursor, Codex, Eve, and 70+ agents with one command.
OTF ships as installable Agent Skills — an open format (originally from Anthropic) for giving a coding agent specialized knowledge it loads on demand. Instead of pasting context every time, your agent reads only a skill's name + description until a task matches, then pulls in the full instructions. The same skill works across Claude Code, Cursor, Codex, Windsurf, Gemini CLI, Goose, Vercel Eve, and 70+ skills-compatible agents.
Install the SDK skills
The free, MIT SDK ships four self-contained skills. Install all of them with one command:
npx skills add otf-kit/skills| Skill | What it teaches your agent |
|---|---|
| otf-cross-platform-ui | One component set (shared names and tokens, props differ) for web + native; which package to import |
| otf-ui | Build web UI with @otfdashkit/ui for React web apps |
| otf-ui-native | Build native iOS/Android/web UI with @otfdashkit/ui-native (Expo) |
| otf-tokens | Theme any app with @otfdashkit/tokens — same palette on web + native |
Source: github.com/otf-kit/skills. Want just one?
npx skills add otf-kit/skills --skill otf-ui.
Where skills install
The skills CLI drops each skill into your agent's skills directory. It auto-detects the
agents you have, or you can target them:
| Agent | Skills directory |
|---|---|
| Claude Code | .claude/skills/ |
| Cursor | .cursor/skills/ |
| Vercel Eve | agent/skills/ |
| Others | .agents/skills/ (universal) |
# install to a specific agent
npx skills add otf-kit/skills -a claude-code
# or list what's in the repo first
npx skills add otf-kit/skills --listEvery kit ships its own skill
Each OTF kit includes a skill that captures that kit's conventions and recipes — at
skills/otf-<kit>/SKILL.md. When you open a kit you bought, drop its skill into your agent's
skills directory and the agent immediately knows the stack, the file map, and the exact
procedure for common changes (add a screen, add an entity, change the theme, deploy). The skill
routes to the recipes already in the kit's ai/prompts/, so there's a single source of truth —
nothing to keep in sync.
How this relates to CLAUDE.md / .cursorrules
They're complementary:
CLAUDE.md/.cursorrules/AGENTS.md(see AI tool integration) are project-level context — auto-loaded for whatever repo you're in.- Agent Skills are portable and on-demand — install them once and carry the OTF know-how into any project and any skills-compatible agent, with the agent loading only what a task needs.
Use both: the kit's CLAUDE.md grounds the agent in your repo; the skills make OTF's component
and theming knowledge available everywhere.
Links
- Install + leaderboard: skills.sh/otf-kit/skills
- Source (MIT): github.com/otf-kit/skills
- The SDK: github.com/otf-kit/sdk · live components
