Skills
.Work. You
Rest

hashbrown-dev

Community

Build AI-powered UI with Hashbrown.

Software Engineering#React#UI#tool calling#sandbox#generate#Hashbrown
Authoraaronbassett
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Hashbrown Dev Skill accelerates building AI-powered React interfaces by combining UI component exposure, client-side tool calling, streaming responses, and sandboxed JavaScript execution.

Core Features & Use Cases

  • UI generation: render trusted React components from LLM prompts to create dynamic, data-driven interfaces.
  • Client-side tool calling: empower the AI to read and act on application state via defined tools.
  • Streaming: receive incremental updates for responsive UX in chat or dashboards.
  • Sandboxed JS runtime: safely execute AI-generated code in a secure client-side environment.
  • Integration-ready: supports multi-provider LLM backends and UI orchestrations for complex workflows.
  • Use cases include building chatbots, dashboards, form builders, or browser agents that you control from AI prompts.

Quick Start

Explore the included assets and templates under assets/ to scaffold components and servers, then run a backend adapter and connect your React app using the HashbrownProvider. Start experimenting with hooks like useChat and useUiChat to render UI or tool results directly from the model.

Dependency Matrix

Required Modules

None required

Components

assetsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: hashbrown-dev
Download link: https://github.com/aaronbassett/paneful/archive/main.zip#hashbrown-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.