Individual skill
oa-design
Open Analytics' design language, extracted from the shipped product: an ink-derived neutral system, squircle surface anatomy, one small spring vocabulary, pixel-matched skeletons, and a plain-spoken copy voice, with type-checked component recipes. Use this whenever you build or restyle a dashboard, SaaS app, analytics UI, settings screen, onboarding flow, or marketing/landing page that should feel calm, dense and native, and whenever the user mentions Open Analytics' look, 'clean SaaS design', cards, dropdowns, tab bars, empty states, skeletons, or UI animation quality, even if they never say the words 'design system'.
skills/oa-design/SKILL.md
Source commit bd200daeac8eca2501139cb0fa29cc12e4709303
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 6, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 135
- Repository last updated
- Aug 20, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skill Repository topic
- ai-agents Repository topic
- analytics Repository topic
- claude-code Repository topic
- design-system Repository topic
- motion Repository topic
- react Repository topic
- tailwindcss Repository topic
- ui Repository topic
- design Derived category
- marketing Derived category
- data Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
01-squircle-card.mddoc · 6,776 bytes02-button.mddoc · 4,120 bytes03-dropdown.mddoc · 5,114 bytes04-tab-bar.mddoc · 5,411 bytes05-modal.mddoc · 3,353 bytes06-multi-step-dialog.mddoc · 4,861 bytes07-skeleton.mddoc · 2,817 bytes08-notice-strip.mddoc · 2,431 bytes09-floating-pill.mddoc · 3,533 bytes10-toast.mddoc · 2,524 bytes11-header-morph.mddoc · 4,128 bytes12-reveal.mddoc · 2,429 bytesSKILL.mdcore · 5,206 bytesSKILL.mdcore · 5,206 bytes_components.mddoc · 8,808 bytes_copy.mddoc · 3,005 bytes_landing.mddoc · 4,231 bytes_layout.mddoc · 3,823 bytes_motion.mddoc · 3,990 bytes_root.cssasset · 5,243 bytes_tokens.mddoc · 5,218 bytes
Read excerpt
# OA Design
The design language of [Open Analytics](https://getopen.so), written down so
an agent can reproduce it. Nothing here is aspirational: every value is
lifted from the shipped product, springs and hex codes included.
The look in one sentence: **white surfaces with continuous-curvature corners,
resting on a quiet grey stage, drawn in a single ink, moved by a single
spring.**
Start by dropping `_root.css` into the project's global stylesheet: every
recipe reads from those token names. Then read the recipe for what you are
building. Build with real content, never lorem.
