·ha-custom-cards
{}

ha-custom-cards

Configures HACS custom cards (ApexCharts, modern-circular-gauge, bubble-card, mini-graph-card, mushroom) for Home Assistant dashboards with validated configurations, color schemes, and error patterns. Use when asked to "add custom card", "install HACS card", "create gauge/graph", "ApexCharts dashboard", "mushroom cards", or "bubble separator".

4Installs·0Trend·@dawiddutoit

Installation

$npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-custom-cards

How to Install ha-custom-cards

Quickly install ha-custom-cards AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-custom-cards
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dawiddutoit/custom-claude.

SKILL.md

View raw

Works with HACS installation (UI and API), Lovelace YAML dashboards, and custom card configurations. Home Assistant Custom Cards

Configure HACS (Home Assistant Community Store) custom cards for enhanced dashboard visualizations.

| mini-graph-card | Compact sparkline graphs | 151280062 | | bubble-card | Section separators with icons | 680112919 | | modern-circular-gauge | Beautiful circular gauges | 871730343 | | lovelace-mushroom | Modern entity cards | 444350375 | | apexcharts-card | Advanced graphs with time axis | 331701152 |

Configures HACS custom cards (ApexCharts, modern-circular-gauge, bubble-card, mini-graph-card, mushroom) for Home Assistant dashboards with validated configurations, color schemes, and error patterns. Use when asked to "add custom card", "install HACS card", "create gauge/graph", "ApexCharts dashboard", "mushroom cards", or "bubble separator". Source: dawiddutoit/custom-claude.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-custom-cards
Category
{}Data Analysis
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from dawiddutoit/custom-claude

Quick answers

What is ha-custom-cards?

Configures HACS custom cards (ApexCharts, modern-circular-gauge, bubble-card, mini-graph-card, mushroom) for Home Assistant dashboards with validated configurations, color schemes, and error patterns. Use when asked to "add custom card", "install HACS card", "create gauge/graph", "ApexCharts dashboard", "mushroom cards", or "bubble separator". Source: dawiddutoit/custom-claude.

How do I install ha-custom-cards?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dawiddutoit/custom-claude --skill ha-custom-cards Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dawiddutoit/custom-claude