create-ha-component

Community

Quickly scaffold HA UI components.

Authorjohnneerdael
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of new draggable Home Assistant UI components by providing a boilerplate that includes entity binding, a type-safe prop schema, and registry registration.

Core Features & Use Cases

  • Boilerplate skeleton: Create src/components/ha/[name].tsx with entity binding via useEntity.
  • Schema definition: Define props with a Zod schema for validation.
  • Registry-ready: Register the component in the HA component registry for editor integration.

Quick Start

Create the component file, implement useEntity binding, define the props schema, and add a registry entry consistent with existing ha-component-registry.ts.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: create-ha-component
Download link: https://github.com/johnneerdael/status-banner-card/archive/main.zip#create-ha-component

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.