Releases·Tool Release
Bricks: open-source contract layer that guides coding agents to build project-native UI components
The open-source Bricks project provides coding agents with contracts describing a component's responsibility, context, variants, states, and verification requirements before code is written. It targets project-native UI implementation rather than isolated demos, installable as an agent skill.
60 engagement1 sourceFri, Sep 25, 2026, 05:18 AM
AI Overview
- kostja94's Bricks (MIT-licensed, on GitHub) gives coding agents implementation-aware contracts covering component responsibility, variants, interaction states, and verification requirements
- Installs via `npx skills add kostja94/bricks --skill component-builder` and directs agents to reuse existing design tokens, framework conventions, and project primitives
- Cites failure modes like generated footers inventing routes, FAQs hidden from assistive tech, and task inputs missing loading, cancellation, and error-recovery states
Related
Products·launched
Skrewww: open-source React/TypeScript design system with structured component contracts for AI coding agents
Skrewww is an open-source React and TypeScript design system pairing a Figma design system with React components. It exposes structured component contracts (APIs, props, maturity, installability, usage rules) so AI coding agents don't have to guess from scattered documentation. It targets teams wanting design-development parity plus agent-friendly components.
Skrewww is an open-source React and TypeScript design system pairing a Figma design system with React components. It exposes structured component contracts (APIs, props, maturity, installability, usage rules) so AI coding agents don't have to guess from scattered documentation. It targets teams wanting design-development parity plus agent-friendly components.
1 engagement1 sourceredditThu, Sep 24, 2026, 07:41 PM
Releases·Tool Release
Impeccable Lite ships as single SKILL.md for agent UI design
Impeccable Lite is a distilled derivative of Impeccable that provides frontend design guidance for AI agents in a single SKILL.md file, removing the plugin machinery. It aims to stop agents from designing sloppy UI without the complexity of the original's ecosystem.
Impeccable Lite is a distilled derivative of Impeccable that provides frontend design guidance for AI agents in a single SKILL.md file, removing the plugin machinery. It aims to stop agents from designing sloppy UI without the complexity of the original's ecosystem.
61 engagement1 sourcegithubSat, Aug 1, 2026, 01:21 PM
Products·launched
Claude skill to fetch real showpiece components from libraries
A Claude skill that intercepts frontend build requests and matches them to one of 38 pre-built showpiece effects across 5 component libraries (Aceternity, Magic UI, ReactBits, Cult UI, 21st.dev). Instead of generating buggy custom code, it fetches the real component live via each library's registry command, installs dependencies, and integrates it with the user's brand. Solves the problem of AI-generated UI slop for developers using Claude to build frontends.
A Claude skill that intercepts frontend build requests and matches them to one of 38 pre-built showpiece effects across 5 component libraries (Aceternity, Magic UI, ReactBits, Cult UI, 21st.dev). Instead of generating buggy custom code, it fetches the real component live via each library's registry command, installs dependencies, and integrates it with the user's brand. Solves the problem of AI-generated UI slop for developers using Claude to build frontends.
1 engagement1 sourceredditMon, Jul 20, 2026, 11:19 AM
Social·Community
Developer advocates using Storybook to improve AI agent coding efficiency
A developer recommends maintaining a Storybook for UI components to reduce token waste when using AI coding agents. Complex authentication layers in apps can prevent agents from testing changes, but a Storybook provides direct access for agents to iterate on components.
A developer recommends maintaining a Storybook for UI components to reduce token waste when using AI coding agents. Complex authentication layers in apps can prevent agents from testing changes, but a Storybook provides direct access for agents to iterate on components.
1 engagement1 sourceredditThu, Jul 30, 2026, 08:23 PM
Releases·Tool Release
unflat: one CSS block that gives flat AI-built sites a ground, a light and a few mounted surfaces, in their own colors
A developer released 'unflat', an Agent Skill for Claude Code, Cursor and Codex that fixes the flat 'AI mockup' look of agent-built sites. The agent audits the page, extracts design tokens, and appends one reversible CSS block adding a ground color, a light source, and mounted surfaces using the site's own colors. No markup changes are required.
A developer released 'unflat', an Agent Skill for Claude Code, Cursor and Codex that fixes the flat 'AI mockup' look of agent-built sites. The agent audits the page, extracts design tokens, and appends one reversible CSS block adding a ground color, a light source, and mounted surfaces using the site's own colors. No markup changes are required.
3 engagement1 sourceredditSun, Sep 6, 2026, 08:40 PM