“Frontend development”

Implement and optimize browser games using Phaser, Three.js, React Three Fiber, Babylon.js, or PlayCanvas with responsive input, asset loading, rendering, and…

Premium implementation specialist mastering Laravel/Livewire/FluxUI, advanced CSS, Three.js integration for luxury web experiences.

Frontend UI: pages, apps, components, polished non-generic design.

WHEN to auto-invoke: Creating API routes, building endpoints, adding route.ts files, implementing REST/GraphQL APIs, adding authentication to APIs, rate…

Use automatically when developing, modifying, designing, or reviewing frontend interfaces, websites, dashboards, components, styles, layout, accessibility, or…

Use when generating, prototyping, or iterating on UI designs (prototypes, wireframes, slide decks, landing/dashboard mockups) with Anthropic's Claude Design…

Use when building, enhancing, or testing the NPA chat agent backend — grounded-first routing, cost-aware Token Factory model selection, the embedded-backend…

Use when a single section needs a restrained particle atmosphere (petals, leaves, snow, sparks, confetti, dots, paper, icons, or brand fragments) with…

Comprehensive macOS development guidance including Swift 6+, SwiftUI, SwiftData, architecture patterns, AppKit bridging, and macOS 26 Tahoe APIs.

Swift language patterns and best practices including concurrency, performance, and modern idioms.

Guide feature development with architecture patterns for any tech stack.

Use when implementing, refactoring, debugging, or reviewing source code or maintained code examples.

Build AI agents with Pydantic AI (Python) and Claude SDK (Node.js)

Execute an approved plan by delegating isolatable steps to isolated child sessions (Host serializes writers), then review diffs and verify in the parent.

Develop fmind/dot CLI commands, session parsers, storage, configuration, and installation.

Svelte 5 development with runes ($state, $derived, $effect), SvelteKit full-stack framework, and modern reactive patterns.

Use for mobile development.

Execute an approved plan by delegating isolatable steps to isolated child sessions (Host serializes writers), then review diffs and verify in the parent.

Use when a Claude-Design export already exists and you must adapt it into a production page before render-verify — real data, honest empty states, existing…

Expert WebXR and immersive technology developer specializing in browser-based AR/VR/XR applications with cross-device compatibility.

Guide feature development for React applications with architecture focus.

Implement Monica Blazor and MudBlazor v9 components, pages, themes, CSS isolation, local assets, browser storage, and async component lifecycle.

Use when developing WordPress (Gutenberg) blocks: block.json metadata, register_block_type(_from_metadata), attributes/serialization, supports, dynamic…

Project-facing skill entry; resolve the canonical definition from `../../.skills/frontend-design/SKILL.md`.