Claude skills and agent skills

home-assistantSkill

ha-frontend-types

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

Home Assistant frontend TypeScript conventions. Use when defining or reviewing backend data contracts, optional schemas, shared types, assertions, or Lit lifecycle types.

zacharyfmarionSkill

frontend-design

zacharyfmarion/openscad-studio/.agents/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

0x61ASkill

frontend-dev

0x61A/frontend-dev-skill/SKILL.md

FrontendDev — unique, SEO-complete frontend design and build skill that breaks the generic AI look. Every site gets a one-off Design DNA (named palette, type pair, layout concept, signature element) validated against a banned-pattern catalog of known AI tells, built with full SEO integration (keyword research via Semrush MCP or WebSearch fallback, semantic HTML, schema.org JSON-LD, sitemap, Core Web Vitals budgets), and verified through a screenshot self-critique loop. Analyzes user-supplied reference sites (visual + code token extraction into a Reference Design Brief) and sources real components from 21st.dev / shadcn/ui / Aceternity / Magic UI — always fetched live and re-skinned to the project DNA, never shipped as-is. Stack chosen per project (Next.js/React/Tailwind, plain HTML/CSS/JS, Vue/Nuxt, Astro). Triggers: unique frontend, distinctive design, landing page, marketing site, portfolio, benzersiz site, benzersiz tasarım, AI görünümü olmayan, yapay zeka gibi durmasın, referans site, bu siteye benzet, tasarım çek, 21st.dev, SEO uyumlu frontend, SEO uyumlu site.

bnemaSkill

frontend-web

bnema/pi-public/skills/frontend-web/SKILL.md

Use when working with Astro, Svelte, SvelteKit, Svelte 5 runes, htmx, shadcn-svelte, frontend routing, UI forms, web client behavior, or Charm Bubble Tea/Bubbles/Lip Gloss/Huh Go terminal UIs.

boazsegevSkill

web-frontend

boazsegev/omoya/skills/web-frontend/SKILL.md

This skill should be used when writing or reviewing HTML, CSS, browser JavaScript, SEO or installable web apps.

deathrashedSkill

oma-frontend

deathrashed/agents/.agents/skills/oma-frontend/SKILL.md

Frontend specialist for React, Next.js, Angular, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, shadcn, Angular, and RxJS work.

hugobatistaSkill

web-frontend

hugobatista/agent-skills/skills/frontend/web-frontend/SKILL.md

Use when building or modifying web frontend code. Covers Vue, Tailwind CSS, Vite, dark/light mode, responsive design, and frontend tooling. For other UI types (desktop, Qt, etc.), use the dedicated skill for that domain. If the project has a dedicated frontend skill, follow that instead.

jpoindexterSkill

frontend-dev

jpoindexter/theft-kit/frontend-dev/SKILL.md

Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.

juandelossantosSkill

frontend-pwa

juandelossantos/another-agent-skills/skills/frontend-pwa/SKILL.md

Build installable, offline-first web apps for all devices with native migration via Capacitor. Triggers: PWA, offline, installable, hybrid. Do NOT use for server-rendered websites.

juandelossantosSkill

frontend-web

juandelossantos/another-agent-skills/skills/frontend-web/SKILL.md

Build production-grade web interfaces. Triggers: website, landing page, web app, Next.js, React, Vue. Do NOT use for mobile native apps.

smiling66652Reads credentialsSkill

frontend-dev

smiling66652/workbuddy-skill-toolkits/frontend-dev/SKILL.md

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.

vasceannieSkill

oma-frontend

vasceannie/slopgate/.agents/skills/oma-frontend/SKILL.md

Frontend specialist for React, Next.js, Angular, TypeScript with

yiweiwanSkill

vue-frontend

yiweiwan/skills/.claude/skills/vue-frontend/SKILL.md

Use only when implementing or fixing Vue applications and components, including Composition API, Options API, Pinia, Vue Router, composables, reactive state, templates, forms, and Vue-specific behavior.

mujezSkill

frontend-react

mujez/claude-skills/skills/frontend-react/SKILL.md

Experienced frontend React developer skill. Use when building React components, pages, or applications, implementing state management, data fetching, styling, testing, or reviewing React/TypeScript/Next.js code. Activates for any frontend development task involving React.

iliaalSkill

react-frontend

iliaal/ai-skills/skills/react-frontend/SKILL.md

React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vitest, React Testing Library, reviewing React code, or synchronizing JSON locales and reviewing translations in a React or frontend interface. For visual design and aesthetic direction, use frontend-design instead.

typvSkill

frontend-design

typv/nest-turbo-starter/.claude/skills/frontend-design/SKILL.md

Create polished frontend interfaces from designs/screenshots/videos. Use for web components, 3D experiences, replicating UI designs, quick prototypes, immersive interfaces, avoiding AI slop.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

fabriqaaiSkill

frontend-design

fabriqaai/specs.md/.claude/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

AnastasiyaWSkill

frontend-design

AnastasiyaW/claude-code-config/skills/frontend/frontend-design/SKILL.md

Создание высококачественных, визуально выдающихся фронтенд-интерфейсов. Используй ВСЕГДА когда пользователь просит создать веб-страницу, компонент, лендинг, дашборд, UI-кит, форму, карточки, навигацию, анимации, или любой другой веб-интерфейс. Скилл покрывает: HTML/CSS/JS компоненты, React/Vue/Svelte, Tailwind CSS, адаптивный и мобильный дизайн, визуальные стили (glassmorphism, neomorphism, material, flat, градиенты, тёмная тема), интерактивность (drag-and-drop, анимации, hover-эффекты, transitions), верстку (Flexbox, Grid, Container Queries), производительность, доступность (WCAG/ARIA), дизайн-системы и токены. Если пользователь хочет что-то "красивое", "современное", "стильное" в вебе — обязательно используй этот скилл. НЕ используй для нативных мобильных приложений (iOS/Swift/SwiftUI, Android) — для iOS бери скилл ios-development; этот скилл только про веб-UI (браузер).

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

gongyijie85Skill

frontend-a11y

gongyijie85/dsh-ecc/skills/frontend-a11y/SKILL.md

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.

linxuan-sysSkill

frontend-design

linxuan-sys/opencode-skills-chinese/frontend-design/SKILL.md

创建独具特色、生产级别的高质量前端界面。当用户要求构建Web组件、页面或应用，且视觉效果与代码质量同等重要时使用。

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks