5. Design & Creative

Enterprise Mermaid diagram generation tool for Claude Code, using MCP Playwright to create and render visual diagrams within development workflows.

Produces high-quality, distinctive frontend interfaces for web components and applications, avoiding generic AI aesthetics.

Expert in enterprise UI/UX design, delivering scalable component architecture, accessibility compliance, and theming integration for cohesive design systems.

Generates professional favicons with multi-layer effects, Lucide icon integration, and full format support (SVG, ICO, PNG) for web and app icons.

Creates browser extension icons in standard sizes (16x16, 32x32, 48x48, 128x128) from SVG source files.

Guides users in determining application UI design policies through interactive dialogue, adjusting color schemes, layouts, and UX patterns to match preferences.

Assists in creating and refining user interface components through visual design, layout planning, and user experience considerations.

Enforces accessibility, semantic HTML, theme compliance, and brand differentiation for React/TypeScript UI components, preventing generic AI aesthetics.

Creates contextually appropriate Open Graph images for social sharing by analyzing codebase, routes, and brand identity using React and Playwright.

Generates creative and memorable brand name ideas for companies, products, or projects, aiding in branding and marketing identity.

Systematic checklist for UI consistency audits: theme, spacing, typography, and reactive canvas/SVG theming techniques.

Systematic workflow for creating professional marketing and SaaS landing pages with hero-first design, animations, and social proof.

Generates developer-focused presentations using Slidev's markdown-based framework, supporting code examples, diagrams, and multi-format exports for technical talks.

Guides creation of high-contrast Mermaid diagrams for GitHub markdown, compatible with light and dark modes.

Generates AI-created images from text prompts using Google's Gemini model for visual content creation.

Guides implementation of CSS frameworks including Tailwind, Bootstrap, and SCSS for modern web design and UI development.

Comprehensive UI design guide covering color, typography, spacing, accessibility, and 55+ design styles.

Generates distinctive, high-quality frontend interfaces and UI components with creative design, avoiding generic AI aesthetics for production applications.

Ensures brand consistency for Planted website through UI components, layout design, and copy aligned with challenger brand voice and design system.

Creates, edits, and analyzes PowerPoint presentations (.pptx) including content, layouts, and speaker notes for professional visual communication.

Generates original algorithmic art using p5.js with seeded randomness and interactive parameters, avoiding copyright issues through unique code-driven creations.

Creates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics through creative, polished code for web components and applications.

Generates original visual designs for posters, art, and static documents in PNG and PDF formats, ensuring copyright compliance through unique creations.

Enables creation, editing, and analysis of Microsoft PowerPoint (.pptx) files, including content modification, layout adjustments, and speaker notes.