Claude skills and agent skills

home-assistantSkill

ha-frontend-events

home-assistant/frontend/.agents/skills/ha-frontend-events/SKILL.md

Home Assistant frontend event patterns. Use when typing event handlers, using HASSDomEvent types, dispatching with fireEvent, or declaring HASSDomEvents and event maps.

home-assistantSkill

ha-frontend-review

home-assistant/frontend/.agents/skills/ha-frontend-review/SKILL.md

Home Assistant frontend PR and review guidance, including implementation quality, existing review feedback, established design patterns, and the authority of UI/UX evidence. Use when reviewing frontend changes, preparing a PR, checking recurring review issues, or applying the PR template.

FmarzochiSkill

frontend-slides

Fmarzochi/EGC/.agents/skills/frontend-slides/SKILL.md

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack

FmarzochiSkill

frontend-slides

Fmarzochi/EGC/.cursor/skills/frontend-slides/SKILL.md

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack

wolverin0Skill

frontendgame

wolverin0/claude-skills/skills/frontendgame/SKILL.md

PRIMARY skill for BUILDING or REDESIGNING app/product UI — the default entry point whenever the user starts a new interface or wants to improve/rework an existing one. Create, critique, reverse-engineer, and implement premium mobile-first product interfaces with advanced UX patterns, design-system discipline, and motion engineering. Use whenever the user asks to build/make/design/redesign/improve a UI, screen, page, dashboard, or component — app UI, mobile dashboards, fintech-style screens, screenshot-to-code, interaction design, scroll animations, sticky card stacks, animated tabs, bottom navigation, React/Next.js frontend, React Native/Expo, Flutter — or wants to avoid generic AI-looking UI. Strongly prefer this skill when screenshots or references are provided. For deep animation-feel work call emil-design-eng, for auditing an existing UI call impeccable, for palettes/fonts/style references call ui-ux-pro-max.

basaltbytesSkill

odoo-frontend

basaltbytes/skills/skills/odoo-frontend/SKILL.md

Use when working on Odoo 19 web-client customizations in JavaScript or arch XML: assets, `@odoo-module`, registries, services, systray/client actions, browser state, `patch(...)`, view descriptors, `js_class`, `searchModel`, modifiers, `options=`, XPath inheritance, built-in/custom views, field/view widgets, `standardFieldProps`, or `extractProps`. Not for backend ORM, Hoot tests, Owl internals, or generic JS/Owl.

is-boSkill

forge-frontend

is-bo/fullstack-forge-skill/.agents/skills/forge-frontend/SKILL.md

Use automatically for frontend implementation and review, including components, pages, layouts, responsive behavior, React, Next.js, browser state, rendering, hydration, network behavior, and measured frontend performance.

is-boSkill

forge-frontend

is-bo/fullstack-forge-skill/skills/forge-frontend/SKILL.md

Use automatically for frontend implementation and review, including components, pages, layouts, responsive behavior, React, Next.js, browser state, rendering, hydration, network behavior, and measured frontend performance.

LiriRaidSkill

dept-frontend

LiriRaid/waymark/skills/dept-frontend/SKILL.md

Frontend. FIRST, before ui-*, to build or fix UI code: \"crear un modal\", \"nueva pantalla\", \"componente\", \"formulario\", \"tabla\", \"layout responsive\".

mikeandyerSkill

frontend.core

mikeandyer/claude-skills-frontend-logic-share/frontend.core/SKILL.md

跨 skill 共用的 reference 庫。包含 CiC 便條紙格式、Activity 語法、Handler 分類對照表、失敗層級模型等所有 frontend.* skill 共用的模式定義。不直接觸發，由其他 skill Read references/ 中的檔案。

saemihemmaSkill

team-frontend-team

saemihemma/lead-producer-oss/.claude/skills/team-frontend-team/SKILL.md

Frontend review team: UX quality, implementation health, accessibility, and frontend-backend integration in one recommendation. Use for UI features or frontend-heavy flows.

tadoEngSkill

frontend-page

tadoEng/web-starter/.claude/skills/frontend-page/SKILL.md

Add or change a page, screen, form, table or component in this product's React frontend, with the five async states and the accessibility floor. Use when asked to build a page, add a route, create a form, show a list or table, or change the UI.

wjgoarxivSkill

frontend-ui-ux

wjgoarxiv/litopencode/skills/frontend-ui-ux/SKILL.md

Build and inspect authorized interfaces, resolving material design choices with a compact evolving direction.

matyasstochSkill

frontend-polish

matyasstoch/david-skills/skills/frontend-polish/SKILL.md

Improve the visual quality, cohesion, and finish of an existing frontend without changing the product direction. Use when the user asks to polish, refine, tighten, elevate, clean up, or make a UI feel more premium, clearer, or more consistent across pages, components, spacing, typography, color, motion, states, and responsive behavior.

nahid-sparktalesSkill

frontend-design

nahid-sparktales/agent-dispatcher/skills/design/frontend-design/SKILL.md

Establish a visual direction for new or reshaped UI so it reads as designed for this product rather than assembled from defaults — hierarchy, typography, colour, spacing, density. Use when building a new surface, when something looks templated and needs a direction rather than a tweak, or when asked to make an interface feel considered. Prefer the official Anthropic frontend-design skill when it is installed; this is the local counterpart for when it is not. Not for critiquing an existing interface, and not for work inside a design system that already decides these things.

Often used withbrief-to-tasks·file-reading·albert-dm

BankrBotSkill

Frontend Playbook

BankrBot/openclaw-skills/ethskills-frontend-playbook/SKILL.md

Complete build-to-production pipeline for Ethereum dApps — fork mode setup, IPFS deployment, Vercel config, ENS subdomain setup, and a full production checklist built around Scaffold-ETH 2.

RylaispiritSkill

frontend-design

Rylaispirit/rylai-codex-hermes-skills/skills/frontend-design/SKILL.md

Design, implement, and verify production frontend interfaces while respecting the existing repository, accessibility, responsive behavior, interaction, and visual QA.

Often used withbrief-to-tasks·file-reading·albert-dm

orangehrmSkill

frontend-platform

orangehrm/orangehrm/.agents/skills/frontend-platform/SKILL.md

Reference for OrangeHRM's cross-cutting Vue app plugins — i18n (`$t(key, params)` with module-grouped keys matching backend lang-string groups, the `translate()` factory for non-component contexts), ACL (`$can.read/create/update/delete('data_group_name')` where the data group string matches `ohrm_data_group.name` from the backend permission seeds), toaster (`$toast.success/error/info/warn` plus the project's semantic shortcuts `saveSuccess`, `addSuccess`, `updateSuccess`, `deleteSuccess`, `cannotDelete`, `noRecordsFound`, `unexpectedError`), the global loader, the `navigate()` / `reloadPage()` helpers, and `useDateFormat` for the user's date format. Use whenever the user is translating a string, gating a button with `$can`, picking a toast variant, navigating between pages, formatting a date for display, or asking why an automatic toast appeared. Companion to `authorization` (backend side of the data-group strings used by `$can`), `rest-validation` (the i18n keys used by the validation rule messages), and `frontend-pages` (where this all gets composed).

mcowgerSkill

frontend-testing

mcowger/plexus/.agents/skills/frontend-testing/SKILL.md

Verify any Plexus admin-UI screen or component in the actually running app. Boots the worktree-safe dev stack (`bun run dev:agent`), auto-logs in, and drives a real browser (agent-browser) using the correct port/credentials. Use whenever you edit anything under `packages/frontend/src` (React, routes, forms, buttons, tables, modals, Tailwind/CSS, layout, dashboards) or when asked to look at or verify a screen (e.g., "screenshot the dashboard", "does the new tab show up", "verify UI", "does the button work", "test web app", "reproduce visual bug"). Prefer this over the generic agent-browser skill for local Plexus frontend because it knows port, credentials, and auto-login. Don't hand UI work back unverified.

All-Hands-AISkill

frontend-development

All-Hands-AI/OpenHands/.agents/skills/frontend-development/SKILL.md

This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW mocks", or modifies React components, hooks, routes, i18n, lazy loading, persisted UI state, or shared frontend behavior.

Often used withbackend-development