{
 "schema_version": 1,
 "generated": "2026-10-30",
 "repo": "OpenLabs-so/oa-design",
 "name": "oa-design",
 "owner": "OpenLabs-so",
 "slug": "openlabs-so-oa-design",
 "github": "https://github.com/OpenLabs-so/oa-design",
 "what": "A design language for Open Analytics packaged as an agent skill, type-checked React and Tailwind component recipes, token CSS, and a CLI.",
 "why": "134 stars, launched 71 days ago",
 "language": "TypeScript",
 "requirements": [
  "npm, for the npx commands",
  "git, for cloning the repository",
  "A React and Tailwind v4 project, which the values were written against (the README says the values are plain CSS and can be ported)",
  "A coding agent such as Claude Code, Cursor, or Codex, if you want the agent to apply the design"
 ],
 "audience_note": "Front-end developers and AI coding agents who need to build UI that matches the Open Analytics look and motion.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Software and DevOps",
 "url": "https://dedupedai.com/use-cases/openlabs-so-oa-design/",
 "use_case_count": 4,
 "use_cases": [
  {
   "id": "openlabs-so-oa-design--add-design-recipes-to-react-project",
   "title": "Add tested UI recipes to a React project",
   "best": true,
   "url": "https://dedupedai.com/use-cases/openlabs-so-oa-design/add-design-recipes-to-react-project/",
   "json": "https://dedupedai.com/use-cases/u/openlabs-so-oa-design/add-design-recipes-to-react-project.json"
  },
  {
   "id": "openlabs-so-oa-design--give-claude-code-open-analytics-design-skill",
   "title": "Teach Claude Code the Open Analytics design rules",
   "best": false,
   "url": "https://dedupedai.com/use-cases/openlabs-so-oa-design/give-claude-code-open-analytics-design-skill/",
   "json": "https://dedupedai.com/use-cases/u/openlabs-so-oa-design/give-claude-code-open-analytics-design-skill.json"
  },
  {
   "id": "openlabs-so-oa-design--apply-design-rules-in-cursor-or-codex",
   "title": "Make Cursor or Codex follow one design file",
   "best": false,
   "url": "https://dedupedai.com/use-cases/openlabs-so-oa-design/apply-design-rules-in-cursor-or-codex/",
   "json": "https://dedupedai.com/use-cases/u/openlabs-so-oa-design/apply-design-rules-in-cursor-or-codex.json"
  },
  {
   "id": "openlabs-so-oa-design--port-open-analytics-tokens-and-springs",
   "title": "Port the token CSS and spring constants to your stack",
   "best": false,
   "url": "https://dedupedai.com/use-cases/openlabs-so-oa-design/port-open-analytics-tokens-and-springs/",
   "json": "https://dedupedai.com/use-cases/u/openlabs-so-oa-design/port-open-analytics-tokens-and-springs.json"
  }
 ],
 "disclaimer": "Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk."
}