Frontend skills

This skill triages Live2D expression 404 errors by aligning EmotionMapping and FileReferences paths to ensure correct expression loading.

This skill lets you navigate the web like a filesystem, running shell commands on cached pages for instant, offline-like content extraction.

This skill guides solo developers by architecting personal productivity apps, analyzing context, selecting options, and orchestrating tasks across domains.

This skill helps you author robust Playwright tests for Blazor apps by guiding stable selectors, navigation, and authentication patterns.

This skill helps you design and implement cross-platform mobile apps using Expo Router, NativeWind, and React Native styling best practices.

This skill assists with TypeScript configuration, type patterns, modern JavaScript, React and Node.js patterns to speed full-stack development.

This skill conducts multi-path parallel product analysis using Claude Code and Codex to generate actionable optimization plans and competitive benchmarks.

This skill helps you set up, audit, and enforce i18n in React/TS apps, ensuring locale parity, proper pluralization, and key-based translations.

This skill helps you locate and download AI model icons from the lobe-icons library in SVG, PNG, or WEBP formats.

This skill helps you set up and run Playwright e2e tests and Lighthouse audits to ensure reliable UI and performance.

This skill helps you create and customize themes for PropertyWebBuilder, handling registration, inheritance, palettes, and per-website styling.

This skill helps you explore UI design options by generating multiple variations, collecting feedback, and producing actionable implementation plans.

This skill helps you apply framework-agnostic DOM Testing Library patterns to test user-visible behavior across front-end apps.

This skill simplifies testing React components, hooks, and context with React Testing Library patterns to ensure user-visible behavior.

This skill generates comprehensive steering documents for a project, including standards, git workflows, and technology guidelines in .kiro/steering.

This skill generates complete favicon packages from logos or text, delivering all formats and web manifest to ensure branded presence across platforms.

This skill generates complete, accessible color palettes from a brand hex, including 11-shade scales, semantic tokens, dark mode, and WCAG checks.

This skill helps you fetch up-to-date facts and external docs by querying the web with the Exa-backed websearch tool.

This skill guides implementing iOS 26 SwiftUI features, enabling Liquid Glass, AttributedString, WebView, Animatable, drag and drop, and visionOS integration.

This skill helps you implement, review, and troubleshoot Liquid Glass to ensure legible, adaptive, high-performance UI across Apple platforms.

This skill renders Mermaid diagrams as SVG or ASCII, with multiple themes and diagram types for fast, beautiful visualizations.