Sap Extension Creator
heshengtao/super-agent-party
Create Super Agent Party (SAP) extensions. An agent skill from heshengtao/super-agent-party.
Home Assistant frontend Lit conventions. An agent skill from home-assistant/frontend.
Install Ha Frontend Lit
$ npx skills add home-assistant/frontend --skill ha-frontend-lit -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install home-assistant/frontend ha-frontend-lit --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/home-assistant/frontend.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ha-frontend-lit .claude/skills/ha-frontend-lit && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ha-frontend-lit" agent skill from https://github.com/home-assistant/frontend/tree/dev/.agents/skills/ha-frontend-lit into .claude/skills/ha-frontend-lit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ha-frontend-lit", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/home-assistant/frontend/tree/dev/.agents/skills/ha-frontend-litType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add home-assistant/frontend --skill ha-frontend-lit -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install home-assistant/frontend ha-frontend-lit --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/home-assistant/frontend.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/ha-frontend-lit .agents/skills/ha-frontend-lit && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ha-frontend-lit" agent skill from https://github.com/home-assistant/frontend/tree/dev/.agents/skills/ha-frontend-lit into .agents/skills/ha-frontend-lit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ha-frontend-lit", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add home-assistant/frontend --skill ha-frontend-lit -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install home-assistant/frontend ha-frontend-lit --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/home-assistant/frontend.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/ha-frontend-lit .cursor/skills/ha-frontend-lit && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ha-frontend-lit" agent skill from https://github.com/home-assistant/frontend/tree/dev/.agents/skills/ha-frontend-lit into .cursor/skills/ha-frontend-lit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ha-frontend-lit", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/home-assistant/frontend.git --path .agents/skills/ha-frontend-lit--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add home-assistant/frontend --skill ha-frontend-lit -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install home-assistant/frontend ha-frontend-lit --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/home-assistant/frontend.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/ha-frontend-lit .gemini/skills/ha-frontend-lit && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ha-frontend-lit" agent skill from https://github.com/home-assistant/frontend/tree/dev/.agents/skills/ha-frontend-lit into .gemini/skills/ha-frontend-lit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ha-frontend-lit", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install home-assistant/frontend ha-frontend-litInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add home-assistant/frontend --skill ha-frontend-lit -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/home-assistant/frontend.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/ha-frontend-lit .github/skills/ha-frontend-lit && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ha-frontend-lit" agent skill from https://github.com/home-assistant/frontend/tree/dev/.agents/skills/ha-frontend-lit into .github/skills/ha-frontend-lit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ha-frontend-lit", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add home-assistant/frontend --skill ha-frontend-lit -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install home-assistant/frontend ha-frontend-lit --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/home-assistant/frontend.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/ha-frontend-lit .opencode/skills/ha-frontend-lit && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ha-frontend-lit" agent skill from https://github.com/home-assistant/frontend/tree/dev/.agents/skills/ha-frontend-lit into .opencode/skills/ha-frontend-lit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ha-frontend-lit", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
ha-frontend-lit- GitHub stars
- 5.7k
- Token cost
- ~677 tokens
- SKILL.md length
- 318 words
- Files
- 1
- Skills in repo
- 12
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Home Assistant frontend Lit conventions. An agent skill from home-assistant/frontend.
- Working with reactive properties
- SKILL.md covers Reactive Fields, DOM Queries, Render-Derived State and References
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Lifecycle methods
What it does
Ha Frontend Lit is an agent skill from home-assistant/frontend. Home Assistant frontend Lit conventions. Use when working with reactive properties, internal state, DOM queries, lifecycle methods, or render-derived state.
Its SKILL.md is about 680 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design. It works with Home Assistant. The repository describes itself as: :lollipop: Frontend for Home Assistant. The licence is Apache-2.0.
When your agent uses it
- Working with reactive properties
- Lifecycle methods
- Render-derived state
Example prompts
- “/ha-frontend-lit”
What it can do on your machine
Read from SKILL.md and the folder at commit 3280113. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
lit.dev
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Ha Frontend Lit loads about 677 tokens when it runs. Until then it costs about 43 tokens; SKILL.md has 318 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from home-assistant/frontend at commit 3280113, republished under its Apache-2.0 licence (© home-assistant). 318 words, ~677 tokens.
Download SKILL.mdSave it as
.claude/skills/ha-frontend-lit/SKILL.md (or your agent's skills folder).- name
- ha-frontend-lit
- description
- Home Assistant frontend Lit conventions. Use when working with reactive properties, internal state, DOM queries, lifecycle methods, or render-derived state.
HA Frontend Lit
Use this skill when implementing or reviewing Lit component state, DOM access, lifecycle methods, or rendering behavior. Cross-load ha-frontend-types for Home Assistant data contracts, assertions, and lifecycle parameter types.
Reactive Fields
This project currently uses Lit's TypeScript experimental decorators with useDefineForClassFields: false. Match existing declarations and do not introduce standard-decorator accessor syntax unless the project changes decorator mode.
- Use
@property()for public reactive API and@state()for private reactive state. - Prefer inferred types for initialized reactive fields when inference preserves the intended type; annotate when widening or an external contract requires it.
DOM Queries
Prefer Lit's @query() or @queryAll() decorators for fixed selectors in the component's render root.
- Type the decorated field with the narrowest useful DOM or component interface.
- Keep the field optional when it may be absent at the point of access, including conditional rendering or pre-render lifecycle access.
- Use a definite assignment assertion only when every call site runs after the node is guaranteed to exist.
- The optional second argument to
@query(), as in@query("#target", true), caches the first query result. Use it only when later renders cannot replace the queried node. - Use a direct query when the selector is dynamic or the target is outside the component's render root. Before querying a child, consider whether the required value belongs in parent state or data flow.
Render-Derived State
- Prefer render-local values for inexpensive structures used only by that render.
- Assign a render-local value once when repeated evaluation is non-trivial or a local name improves clarity.
- Keep purely presentational derivations in
render(). Use stored state orwillUpdate()when the value must participate in lifecycle work, reflection, CSS, or non-render consumers. - Use
memoizeOnefor pure, argument-derived transforms when stable input identity avoids meaningful repeated work. Keep inputs explicit and limited, and do not add caching without a credible benefit over computing the value directly.
References
© home-assistant, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .agents/skills/ha-frontend-lit of home-assistant/frontend.
Open the folder on GitHubat commit 3280113
Compare with similar skills
Ha Frontend Lit next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Ha Frontend Lit this skillhome-assistant/frontend | 5.7k | — | ~677 | Automated safety check: Pass | Apache-2.0 | |
| Sap Extension Creatorheshengtao/super-agent-party | 2.7k | — | ~6k | Automated safety check: Pass | AGPL-3.0 | |
| Develop Big Slider Cardnicufarmache/lovelace-big-slider-card | 104 | — | ~1.4k | Automated safety check: Pass | MIT | |
| Hass Synchomeassistant-extras/device-card | 131 | — | ~1.4k | Automated safety check: Pass | MIT | |
| Ha Android UIhome-assistant/android | 4k | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | |
| Implement Widget Frontendcryptomilk/hass-eink-dashboard | 116 | — | ~3.3k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Develop Big Slider Card
nicufarmache/lovelace-big-slider-card
Implement, fix, extend, or review the Big Slider Card Home Assistant custom card.
Hass Sync
homeassistant-extras/device-card
Maintains synchronization between src/hass folder and Home Assistant frontend source code.
Ha Android UI
home-assistant/android
Home Assistant Android UI guidance. An agent skill from home-assistant/android.
Implement Widget Frontend
cryptomilk/hass-eink-dashboard
Add TypeScript types in ha.d.ts and editor schema in eink-dashboard-editor.ts for a new or updated widget type; also handles deprecating an old type (remove from picker, keep schema, add @deprecated…
Translations
jtenniswood/espcontrol
Find static user-visible words shown on the physical EspControl device and integrate them into the firmware translation process.
More from home-assistant/frontend
All 12 skills in this repoHa Frontend Components
home-assistant/frontend
Home Assistant frontend component patterns. An agent skill from home-assistant/frontend.
Ha Frontend Contexts
home-assistant/frontend
Home Assistant frontend Lit context and hass migration guidance.
Ha Frontend Demo
home-assistant/frontend
Home Assistant standalone demo structure, configurations, URL navigation, mocked APIs, shared demo stubs used by gallery, and verification.
Ha Frontend Gallery
home-assistant/frontend
Home Assistant frontend gallery structure, pages, demos, content, and verification.
Ha Frontend Styling
home-assistant/frontend
Home Assistant frontend styling, theming, spacing, responsive layout, RTL, and View Transitions guidance.
Ha Frontend Testing
home-assistant/frontend
Home Assistant frontend testing and validation workflow. An agent skill from home-assistant/frontend.
Related
Works with
Categories
Questions about Ha Frontend Lit
What does Ha Frontend Lit do?
Home Assistant frontend Lit conventions. An agent skill from home-assistant/frontend. Ha Frontend Lit is an agent skill from home-assistant/frontend. Home Assistant frontend Lit conventions.
When should I use Ha Frontend Lit?
Ha Frontend Lit fits situations like: working with reactive properties; lifecycle methods; render-derived state.
How do I install Ha Frontend Lit in Claude Code?
Run `npx skills add home-assistant/frontend --skill ha-frontend-lit -a claude-code`. Or copy the skill folder (.agents/skills/ha-frontend-lit in home-assistant/frontend) into .claude/skills/ha-frontend-lit in your project. Claude Code loads it when a task matches its description.
How do I install Ha Frontend Lit in Codex?
Run `npx skills add home-assistant/frontend --skill ha-frontend-lit -a codex`. Or copy the skill folder (.agents/skills/ha-frontend-lit in home-assistant/frontend) into .agents/skills/ha-frontend-lit in your project. Codex loads it when a task matches its description.
Can I use Ha Frontend Lit in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add home-assistant/frontend --skill ha-frontend-lit -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ha-frontend-lit, .gemini/skills/ha-frontend-lit, .github/skills/ha-frontend-lit and .opencode/skills/ha-frontend-lit in your project.
What does Ha Frontend Lit need to run?
SKILL.md names no scripts, command-line tools or credentials: Ha Frontend Lit is instructions for the agent only.
Does Ha Frontend Lit access the network?
SKILL.md names 1 domain. As links in the text: lit.dev. This is read from the text; nothing was executed.
Is Ha Frontend Lit safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Ha Frontend Lit use?
Ha Frontend Lit is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Ha Frontend Lit use?
About 677 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Ha Frontend Lit?
Skills that share tags, products or a category with Ha Frontend Lit: Sap Extension Creator (heshengtao/super-agent-party, 2.7k stars), Develop Big Slider Card (nicufarmache/lovelace-big-slider-card, 104 stars), Hass Sync (homeassistant-extras/device-card, 131 stars) and Ha Android UI (home-assistant/android, 4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Ha Frontend Lit?
home-assistant (a GitHub organization) maintains it in home-assistant/frontend, which has 5,699 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 11, 2026.
Source: home-assistant/frontend on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.