Frontend

Mermaid Diagrams creates and refines Mermaid charts with live preview and save tools. Use it for flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, and other Mermaid visualizations.

Skywork Design generates new images or edits existing ones with the Skywork Image API. Use it for posters, logos, illustrations, and other visual asset requests with aspect ratio and resolution control.

Accessibility I18n handles accessibility and localization review for user-facing UI, CLI output, and docs. Use it when tasks involve keyboard flow, focus, screen readers, ARIA, RTL, translations, locale formats, or multilingual content.

MulmoTerminal Theme creates custom whole-app colour schemes for MulmoTerminal and saves them in Settings' theme picker. Use it to build a new palette from a source image, brand colours, or a variant of a built-in theme.

Frontend Design Deslop designs distinctive web UIs with typography, color tokens, layout, motion, and accessibility to avoid generic AI-generated interfaces. Use it when building or restyling landing pages, apps, dashboards, decks, docs, or other frontends.

Next.js App Router & Server Components guides building Next.js 15 apps with server and client components, routing, data fetching, Server Actions, and streaming. Use it when creating pages, routes, mutations, or improving performance.

Performance Optimization improves Next.js load times by splitting code, tree shaking unused imports, and analyzing bundle size. Use it when reducing bundle size, tuning images, caching, or adjusting build settings.

Tailwind CSS Design System helps build consistent, accessible UI components with Tailwind, shadcn/ui, and design tokens. Use it when styling components, creating design systems, or implementing responsive layouts.

Codeck Design reads deck content and turns it into a single HTML presentation with a CSS design system, JS slide engine, and per-slide content. Use it when you need to generate slides from an outline or apply a visual style reference.

Brand Designer creates branded visual assets from templates using brand guidelines and approved tools. Use it for social graphics, decks, one-pagers, banners, and other channel-specific materials.

Frontend Design provides guidance for distinctive UI direction when building new interfaces or reshaping existing ones. Use it to choose typography, palette, layout, and a coherent aesthetic that avoids templated defaults.

Approval UI Workflow keeps approval prompts and presenters visually consistent while preserving keyboard flow and safe preview rendering. Use it when adding or changing Approval prompt UI or diff previews.