Frontend

Expert HomeAssistant development skill for creating custom sensors (template, REST, command line, Python components), building Lovelace dashboards with custom cards and layouts, and developing custom integrations with config flows, coordinators, and multiple platforms. Use this skill when working with HomeAssistant YAML configuration, Python integration development, or dashboard customization.

Creates elaborate, multi-component React artifacts using modern frontend technologies (React, Tailwind CSS, Framer Motion). Use when building new pages, sections, or complex component hierarchies. Triggers on requests for new features, landing sections, or UI components.

Confidence-based code review that filters issues to 80+ threshold, eliminating false positives and noise. Reviews implementation against plan or requirements for bugs, quality issues, and project conventions. Use after completing major features, before merging to main, or after each task in multi-step workflows. Do NOT use for quick fixes, single-line changes, or when you need immediate feedback - the thorough review adds overhead best reserved for significant changes.

Master index of all available skills for development workflows. Use when needing guidance on which skill to apply or when starting work on any project.

Use this skill when implementing game UI addon interactions in SND macros. Covers crafting addons, shop addons, node access, and general game addon patterns.

Detects when a Claude Code session reaches a "wow moment" worth sharing with the team. A wow moment occurs during intensive back-and-forth discussions where both user and Claude deeply engage on a topic - repeatedly refining ideas, pushing back, questioning assumptions, and ultimately producing brilliant insights about effective human-AI collaboration. Triggers when the conversation shows signs of deep "cooking" - multiple sustained exchanges on the same topic, productive disagreements, or breakthrough moments emerging from persistent dialogue. This skill should stay alert throughout the session and invoke /show-ropes when a genuinely valuable agentic mindset insight emerges.

Web search and content extraction via Brave Search API. Use for searching documentation, facts, or any web content. Lightweight, no browser required.

This skill should be used when docs-researcher agent needs guidance on "how to search documentation", "WebSearch query patterns", "filtering search results", "documentation research strategy", or "creating knowledge files". Provides systematic methodology for effective technical documentation research.

Use PROACTIVELY when creating new Claude Code skills from scratch. Automated generation tool following Claudex marketplace standards with intelligent templates, pattern detection, and quality validation. Supports guided creation, quick start templates, clone-and-modify, and validation-only modes. Not for modifying existing skills or non-skill Claude Code configurations.

Master AI and machine learning tools including TensorFlow, PyTorch, scikit-learn, LLMs, and prompt engineering. Use when building machine learning models, working with AI agents, or implementing data science solutions.

Convert documents (PPTX, PDF, DOCX, XLSX, images) to Markdown/JSON/HTML using IBM Docling. This skill should be used when user asks to convert, parse, or extract content from documents. Triggers on "convert pptx", "parse pdf", "extract from document", "конвертуй презентацію", "витягни з pdf".

Generate JWTs for GitHub App authentication. Direct JWT generation for app-level operations, installation discovery, and bootstrapping workflows.

Build GTK4 desktop applications with GTKX React framework. Use when creating GTKX components, working with GTK widgets, handling signals, or building Linux desktop UIs with React.

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.

Master frontend, backend, and specialized frameworks. Covers React, Vue, Angular, Node.js, Django, Spring Boot, and ecosystem tools. Use when learning frameworks, choosing between options, or need best practices.

End-to-end frontend testing with Playwright Java and Chromium. Use for UI validation, form testing, API interaction verification, and screenshot capture on failures.

Guide for testing EDS blocks using test.html files and the development server. Covers test file structure, EDS core integration, testing patterns, and debugging workflows for Adobe Edge Delivery Services blocks.

Generates src/App.vue root component with unit test. Creates both App.vue and App.spec.ts files.

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Analyzes existing designs and adapts to project aesthetics.TRIGGERS - Keywords: UI, UX, CSS, SCSS, Sass, Less, styling, styles, stylesheet, Tailwind, styled-components, emotion, CSS-in-JS, Chakra, MUI, Material UI, Radix, shadcn, headless UI, layout, flexbox, grid, responsive, mobile-first, breakpoints, media queries, animation, transition, motion, keyframes, hover, focus, active states, visual design, typography, fonts, typeface, font-family, text styling, headings, color, colors, palette, color scheme, theme, theming, dark mode, light mode, branding, spacing, padding, margin, gap, whitespace, shadows, box-shadow, borders, border-radius, rounded corners, gradients, buttons, cards, forms, inputs, modals, dialogs, navigation, navbar, sidebar, header, footer, hero section, landing page, dashboard, component styling, design system, design tokens.TRIGGERS - Phrases: "make it look better", "improve the look", "looks ugly"

Provides token-efficient navigation of PROJECT_INDEX.json for codebase analysis. Use when blast radius analysis, dead code detection, caller dependency analysis, or call stack tracing is needed. Mention 'blast radius', 'find callers', 'dead code', or provide file:line references to trigger. Primary consumer is AI agents requiring deterministic, minimal-token codebase navigation.