oa-design: The Open Analytics design language as an agent skill: component recipes with type-checked source, token CSS

by OpenLabs-so · Agent Tool · ★ 134

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install oa-design

npx getopen-design add tab-bar toast     # recipes into ./oa-design
git clone https://github.com/OpenLabs-so/oa-design

Taken from the project's README on GitHub.

Security audit verdict: SAFE · quality 67/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours.

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

agent-skillai-agentsanalyticsclaude-codedesign-systemmotionreacttailwindcssui

Quick Facts

Stars134
Forks5
LanguageTypeScript
CategoryAgent Tool
LicenseMIT
Quality Score67/100
Open Issues4
Last Updated2026-08-20
Created2026-08-20
Platformsclaude-code, cli, node
Est. Tokens~7k

About oa-design

oa-design The design language of Open Analytics, packaged three ways: an agent skill, type-checked component recipes, and a CLI. People kept asking how the dashboard looks and moves the way it does; this repository is the answer, in a form an agent can execute. Every hex code, spring constant, radius and easing is lifted from the shipped product, with the reasoning attached.

Compatible Skills

These tools work well together with oa-design for enhanced workflows:

  • ui-beats — semantic(0.20)+complementary+rare_topics+same_lang+similar_pop+shared_platform (62%)
  • better-design — semantic(0.28)+complementary+same_lang+similar_pop+shared_platform (60%)

oa-design alternative? Top 6 similar tools

Looking for a oa-design alternative? If you're comparing oa-design with other agent tool tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • ui-beats by nikhils4 · ⭐ 235

    Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. Copy, paste,

  • Codex-Skills by TheGoat395 · ⭐ 129

    Codex-first Agent Skills library for premium frontend, website, motion, accessibility, QA, and handoff workflo

  • frontend-design by Ilm-Alan · ⭐ 126

    Frontend design skill for Claude Code, Codex, and Gemini CLI. Eight aesthetic anchors, each locking palette, t

  • claude-view by tombelieber · ⭐ 121

    10 Claude sessions running. What are they doing? Live dashboard — monitor, cost tracking, search, sub-agent vi

  • mcp-gearbox by rohitsoni007 · ⭐ 62

    A modern desktop application for managing Model Context Protocol (MCP) servers across multiple AI agents

  • agentlytics by f · ⭐ 594

    Comprehensive analytics dashboard for AI coding agents — Cursor, Windsurf, Claude Code, VS Code Copilot, Zed,

More Agent Tool Tools

Explore other popular agent tool tools:

View all Agent Tool tools →

Popular TypeScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Agent Tool tools