# Oat 0 6 0 > Ultra-lightweight semantic UI component library (~8KB CSS + JS, zero dependencies) that styles HTML elements by default without classes. Provides 27 components including buttons, forms, cards, dialogs, tabs, dropdowns, toasts, tooltips, grids, and sidebar layouts with automatic light/dark mode. Use when building web applications with minimal CSS/JS footprint, semantic-first markup, no build tools, or when replacing heavier frameworks like Bootstrap or Tailwind for simple UI needs. - Skill: `tangledgroup/oat-0-6-0` (Agent Skill, multi-file: 10 files) - Install (CLI): `npx skillmds@latest add tangledgroup/oat-0-6-0` - Raw SKILL.md: https://api.skillmd.com/api/skills/tangledgroup/oat-0-6-0/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tangledgroup (https://skillmd.com/u/tangledgroup) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tangledgroup/oat-0-6-0 --- # OAT v0.6.0 ## Overview OAT is an ultra-lightweight HTML + CSS + JS UI component library with zero dependencies. At approximately 8KB minified (CSS and JS combined), it provides most commonly needed UI components while keeping the bundle tiny. **Core philosophy: semantic-first.** OAT styles HTML elements based on their semantics, not class names. A `