Frontend & Design for Claude Code

PlantUML diagrams — UML, sequence, class, ER, and C4 architecture diagrams via text-based DSL

Tldraw whiteboard-style diagrams — infinite canvas, hand-drawn feel, exported to PNG/SVG

Multi-platform UI/UX design plugin for AI coding agents. Routes product flow, platform idiom, originality, motion, assets, and tokens before implementation.

Design-system memory and UI quality tools for Claude Code.

Iterative design research process: brief, reference collection, feedback, principles, prototype, approval. Builds visual direction from stakeholder input before any prototyping begins.

Build cinematic, scroll-driven websites — pinned chapters, multi-depth parallax, 3D tilt, environment-morphing backgrounds, and full release pages. Five live worlds prove the range; the motion is the constant, the look is yours.

Comprehensive collection of iOS development skills including SwiftUI, modern Swift architecture, accessibility, performance optimization, and more

Thinking partner for design decisions and architecture brainstorming. Transforms Claude from a solution-provider into a senior engineer thinking partner.

Microsoft Fluent 2 design system mastery — design tokens, color system, typography, layout, components, Teams theming, Griffel styling, Next.js SSR, Web Components, charting, cross-platform (iOS/Android), form orchestration, Office Add-ins, B2C UI, accessibility auditing, v8→v9 migration, and Figma design kits

Comprehensive Notion mastery — page design and styling, every block type, databases and formulas, AI features, MCP integration, REST API automation, and professional page templates

Microsoft Power Pages — sites, page templates, Liquid, web forms, table permissions, web roles, and Dataverse portal integration

Builds SEO-optimized Astro service business websites deployed to Cloudflare

Publish single-page HTML to the public web instantly via ht-ml.app — create, update, assets, password protection, and 20 ready-made page templates.

Source-backed product, UX, interaction, hierarchy, accessibility, and design-system judgment.

React framework best practices and patterns

Vue 3 framework best practices with Composition API

PixiJS v8 application, scene graph, rendering, migration, asset, event, and performance workflows.

Expert Svelte/SvelteKit development assistant for building components, utilities, and applications. Use when creating Svelte components, SvelteKit applications, implementing reactive patterns, handling state management, working with stores, transitions, animations, or any Svelte/SvelteKit development task.

Design-perfect Flutter implementation from Figma designs.

Perfect UI implementation from Figma with Playwright QA.

Create clean, readable diagrams with Kroki, interactive HTML wrappers, and generated diagram indexes