“Frontend development”

Vue.js 3 development with Composition API, TypeScript, Pinia state management, and Nuxt 3 full-stack.

网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。

Defines the local standard for standalone Pi extension repositories.

Use when verified work needs integration or cleanup of an existing task-created branch/worktree, or the user explicitly requests merge, PR, or branch…

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.