Frontend plugins

React/TypeScript patterns - Suspense, lazy loading, MUI v7, TanStack Router

1 skill · 1 agent

Modern React (18/19): hooks, component patterns, state management, performance, and Server Components.

1 skill

Next.js App Router, Server Components, server actions, routing, caching, and deployment.

1 skill

Tailwind CSS utility-first styling, responsive design, theming, and design-system patterns.

1 skill

Create aesthetically beautiful interfaces following proven design principles

1 skill

dApp frontend UX patterns and production readiness — wallet connection flows (RainbowKit, multi-state), four-state transaction lifecycle, error handling taxonomy (4001 user rejection, insufficient funds, revert decoding), gas estimation with USD display, network switching, approval patterns (infinite vs exact, Permit2), mobile wallet support (WalletConnect v2, EIP-6963), and production QA checklist.

1 skill

Embedded wallet SDK for dApps with social login, email, and passkey auth. Covers React SDK, server-side JWT verification, wallet management, and smart wallet integration. Acquired by Stripe (2025).

1 skill

Complete Angular-focused NgAutoPilot skills for upgrades, compatibility, architecture, testing, RxJS, performance, security, signals, and modernization.

200 skills

Frontend-first skills for inclusive UI, responsive CSS, product UX, design-system governance, experience validation, and web performance evidence.

24 skills

Clean Architecture for frontends, distinctive production-grade UI, and brand colors and typography.

23 skills

Focused Angular micro-frontends skills for shell contracts, compatibility gates, dependency sharing, ownership, observability, release governance, and rollback safety.

17 skills

Next.js 16 frontend development skill with proxy.ts, Cache Components, and React 19.2 patterns

1 skill

Turn design prototypes into maintainable frontend components through structured analysis and incremental generation

Flags accessibility misses as Claude writes UI: images without alt, unlabeled buttons, clickable divs.

After UI edits, takes a Playwright screenshot of the page and shows it to Claude.

Compares bundle size after each build and warns when it grows.

Desktop Apps (macOS & Linux): platform architecture (Darwin/launchd/bundles vs kernel/compositor/D-Bus/systemd), SwiftUI/AppKit and GTK4/libadwaita/Qt6, cross-platform frameworks (Electron, Tauri, Flutter, Avalonia, Compose Multiplatform, Rust GUIs), Wayland vs X11, native desktop idioms, packaging and distribution (notarization, Mac App Store, Flatpak, Snap, AppImage, distro packages), auto-update, sandboxing and privacy (TCC, entitlements, XDG portals), and testing/CI.

5 skills

Mobile Development: enterprise mobile on Azure — React Native New Architecture, native iOS (Swift/SwiftUI) and Android (Kotlin/Compose), mobile UI/UX and design patterns, Azure hosting/Intune/CI-CD after App Center, and mobile security (OWASP MASVS, secure storage/comms, MFA/passkeys).

5 skills

UI/UX Design Principles: the perceptual and cognitive science underneath interface decisions, usability heuristics and mental models, information architecture and navigation, input and interaction per form factor, layout and responsive/adaptive design, visual design (typography, color, space, motion, iconography), design systems and tokens, platform conventions (Apple HIG, Material 3, GNOME/KDE HIG, Fluent), accessibility law and practice (WCAG 2.2/3.0, EAA, ADA Title II, APCA), UX writing, forms/onboarding/conversion, research and evaluation, ethics and dark-pattern regulation, and AI-era interface patterns.

5 skills

Design animated SVGs that render everywhere: self-contained README cards, banners, loaders, icons and diagrams that survive GitHub's image proxy, plus React and Motion scenes for apps. Skills animated-svg, motion-scene, svg-audit; agent svg-designer; a generator for 14 kinds with 15 contrast-checked themes, a validator with WCAG contrast rules, a frame renderer and a minifier. Lives in its own repo.

3 skills · 1 agent

Short videos made from code: a brief becomes a storyboard you approve, a proof, a fresh-eyes review, a render and a final review, with every frame drawn in Python as a pure function of time, music and sound mastered to -14 LUFS, and 60 coded QA checks proven by planted-fault self tests. Skill zoetrope with 40 style cards; agents zoetrope-builder and zoetrope-reviewer. Needs uv and ffmpeg. Lives in its own repo.

1 skill · 2 agents

Animation work in three modes -- audit motion against Disney's 12 principles with file:line findings, add purposeful micro-interactions, or fix animation performance (compositor-only properties, layout thrashing).

1 skill

Web development tools including UX design, growth optimization, rapid prototyping, and browser automation

6 skills · 1 MCP server · hooks

Client-facing screen design and UX documentation with Notion integration

2 skills · hooks

React component development with UI implementation, design systems, Next.js expertise, and fullstack capabilities

2 skills · hooks

Atomic Design toolkit for Flutter and Vite — decompose features into atoms, molecules, organisms, templates, and pages. Audit mode scans components, Vite bundle health (10 signals: duplicates, hashless assets, mixed majors, dual lockfiles, and more), and atomic-design enforcement hooks (V7: 7 cure-presence checks for future-drift exposure) across 18+ design system lenses. Migrate mode consumes audit reports to drive phased remediation. v1.3 adds /wcag-audit (WCAG 2.2 AA conformance + design-quality anti-AI-slop, scored /20) and /tokens-consolidate (extract + reconcile divergent design tokens across repos into a shared tokens package) — both siblings of /audit feeding /migrate.

2 skills · 8 commands · hooks

Baseline-first HTML/CSS guidance for AI coding agents. Routes UI generation toward native HTML elements and modern CSS that has reached Web Platform Baseline Widely-available status for at least 9 months, prompts before Newly-available features, and avoids Limited features without explicit fallback. Covers dialog, popover, anchor positioning, container queries, subgrid, :has(), @scope, @layer, view transitions, scroll-driven animations, light-dark(), oklch(), color-mix(), text-wrap, and accessibility primitives.

10 skills

Frontend design guidance, Playwright browser automation skill, and Playwright MCP server in one plugin

4 skills · 5 commands · 1 MCP server

桌面前端开发（WPF + Avalonia）：MasterGo 设计稿转页面与组件库、SVG 转 XAML、XAML/AXAML 代码审查、WPF 迁移 Avalonia 与 Linux deb 发布。内置 Avalonia Docs 与 MasterGo MCP、PreToolUse Hook：git commit 前门禁校验 .xaml / .axaml 改动是否已审查

8 skills · 2 MCP servers · hooks

WPF 前端开发：MasterGo 设计稿转页面与组件库、SVG 转 XAML、XAML 代码审查。内置 PreToolUse Hook：git commit 前门禁校验 .xaml 改动是否已审查

5 skills · hooks