skills.rest
johnneerdael
johnneerdaelCOMMUNITY
Explore all skills by this author →
GitHub

create-ha-component

Creates a new draggable Home Assistant UI component with entity binding, Zod schema, and registry registration.

1|Updated Dec 31, 2025
Search Tags:#typescript#frontend#component#registry#home-assistant#ha
One-click install
npx skills add https://github.com/johnneerdael/status-banner-card --skill create-ha-component
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-ha-component
Source: https://github.com/johnneerdael/status-banner-card/tree/main/.claude/skills/create-ha-component
Command: npx skills add https://github.com/johnneerdael/status-banner-card --skill create-ha-component

SYSTEM DOCUMENTATION & REQUIREMENTS

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.