220+ open-source components for web + native — plus 5 full-stack kits & 15 landing templates
For AI agents
Use OTF from inside your coding agent.
OTF is built to be used by the AI agent you already code with. Install our free skills, read a machine-readable index of the whole site, and pull clean-markdown docs. No signup, no lock-in.
Install the free skills
One line in any Agent-Skills-compatible tool (Claude Code, Cursor, Codex, Gemini CLI, and more). MIT, no telemetry.
# everything npx skills add otf-kit/skills # or one skill npx skills add otf-kit/skills --skill ship-ready
ship-readyAudit an AI-built app for what's missing before production — auth, payments, data, security, deploy — and write the fix-plan.
otf-cross-platform-uiBuild one UI for web + native; decide which OTF package to import.
otf-uiBuild accessible web UI with the free @otfdashkit/ui (React · Radix · Tailwind).
otf-ui-nativeBuild iOS / Android / web UI with @otfdashkit/ui-native (Expo).
otf-tokensTheme any app with @otfdashkit/tokens — the same palette on web + native.
Source + docs: github.com/otf-kit/skills · skills.sh
The free SDK
Free, MIT, open-source components — the same API on web and native. Your agent can install and use them directly.
npm i @otfdashkit/ui @otfdashkit/tokens # web npm i @otfdashkit/ui-native @otfdashkit/tokens # native
Source: github.com/otf-kit/sdk
Read the site as data
- /llms.txt — a complete index of every page, generated from the same inventory as the sitemap.
/md/<slug>.md— every blog article as clean markdown, no HTML shell, for reliable citation.- /sitemap.xml — every URL, machine-readable.
Every paid kit ships agent config
Buy a kit and it comes with a CLAUDE.md, .cursorrules, and 20+ tested prompts in ai/prompts/ — so your agent understands the codebase from the first prompt.
We don't serve agents a different page than humans — this is the same public content, just easier to consume. No cloaking.