{
 "schema_version": 1,
 "generated": "2026-10-20",
 "repo": "kostja94/bricks",
 "name": "bricks",
 "owner": "kostja94",
 "slug": "kostja94-bricks",
 "github": "https://github.com/kostja94/bricks",
 "what": "Bricks is an open-source component layer that gives coding agents implementation-aware contracts for building interface components that fit an existing project.",
 "why": "",
 "language": "JavaScript",
 "requirements": [
  "A project codebase with routes, components, design tokens, and a frontend framework the agent can read",
  "A coding agent that can run shell commands such as npx in the project",
  "Node.js and npm, needed for npx and for npm test in the Bricks repo"
 ],
 "audience_note": "Frontend developers and teams using coding agents who need a new UI component, such as a footer or chat input, to fit their existing product and design system.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Software and DevOps",
 "url": "https://dedupedai.com/use-cases/kostja94-bricks/",
 "use_case_count": 4,
 "use_cases": [
  {
   "id": "kostja94-bricks--build-project-native-footer",
   "title": "Build a project-native footer for a SaaS site",
   "best": true,
   "url": "https://dedupedai.com/use-cases/kostja94-bricks/build-project-native-footer/",
   "json": "https://dedupedai.com/use-cases/u/kostja94-bricks/build-project-native-footer.json"
  },
  {
   "id": "kostja94-bricks--design-agent-task-input-states",
   "title": "Design an agent task input with full states",
   "best": false,
   "url": "https://dedupedai.com/use-cases/kostja94-bricks/design-agent-task-input-states/",
   "json": "https://dedupedai.com/use-cases/u/kostja94-bricks/design-agent-task-input-states.json"
  },
  {
   "id": "kostja94-bricks--build-accessible-faq-section",
   "title": "Build an accessible FAQ section in an existing app",
   "best": false,
   "url": "https://dedupedai.com/use-cases/kostja94-bricks/build-accessible-faq-section/",
   "json": "https://dedupedai.com/use-cases/u/kostja94-bricks/build-accessible-faq-section.json"
  },
  {
   "id": "kostja94-bricks--validate-bricks-reference-edits",
   "title": "Check a Bricks reference edit before merging",
   "best": false,
   "url": "https://dedupedai.com/use-cases/kostja94-bricks/validate-bricks-reference-edits/",
   "json": "https://dedupedai.com/use-cases/u/kostja94-bricks/validate-bricks-reference-edits.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."
}