Design Tools Agent Skills

Frontend Development Patterns

Implements modern React and Next.js design patterns to build high-performance, accessible user interfaces.

Frontend Development Patterns

Implements modern React and Next.js architectural patterns to build performant, scalable, and maintainable user interfaces.

UI Design & Frontend Best Practices

Enforces opinionated constraints and accessibility standards for building high-quality, performant, and production-ready user interfaces.

Web Design Reviewer

Reviews UI code for compliance with Vercel Web Interface Guidelines and industry-best practices for accessibility, performance, and UX.

Draw.io Diagram Architect

Generates and edits professional draw.io diagrams in XML format for technical documentation and system design.

Canvas Design Pro

Generates professional-grade visual art and design documents based on custom aesthetic philosophies.

Canvas Design

Generates professional-grade visual art and bespoke design philosophies for posters, digital assets, and artistic documentation.

Avalonia UI Layout & Zafiro Styling

Optimizes Avalonia UI development by implementing clean, semantic layouts and modular styles using the Zafiro framework.

Avalonia Zafiro UI Layout

Optimizes Avalonia UI development by implementing clean, maintainable layout patterns and semantic containers using Zafiro.

Avalonia Zafiro UI Layout

Optimizes Avalonia UI development by applying Zafiro framework patterns for clean, maintainable, and semantic XAML layouts.

Remotion Video Development

Streamlines programmatic video creation using React and Remotion industry best practices.

Avalonia UI Zafiro Layout

Streamlines Avalonia UI development by enforcing modern layout patterns, semantic containers, and maintainable styling using Zafiro extensions.

Remotion Video Engineering

Streamlines programmatic video creation using React-based Remotion best practices and patterns.

Canvas Design & Visual Philosophy

Generates museum-grade visual art and design philosophies using sophisticated spatial composition and minimalist aesthetics.

Frontend Design Expert

Generates high-fidelity, production-grade frontend interfaces that break away from generic AI design patterns.

Remotion Best Practices

Master programmatic video creation using React with optimized patterns for animations, audio, and dynamic compositions.

Anthropic Brand Guidelines Styling

Applies Anthropic's official brand colors, typography, and visual design standards to artifacts and presentations.

macOS Native Design & Development

Guides the creation of native macOS applications by implementing platform-specific design patterns, keyboard shortcuts, and system-standard UI components.

Interactive Portfolio Architect

Designs and builds high-conversion professional portfolios that effectively showcase technical skills and creative work to recruiters.

Canvas Visual Design

Generates museum-quality visual art and posters by developing unique design philosophies and executing them with expert-level craftsmanship.

Avalonia MVVM with Zafiro

Simplifies Avalonia application development using advanced MVVM patterns, wizard flows, and reactive commands with the Zafiro toolkit.

Next.js App Router Best Practices

Optimizes Next.js development by applying App Router principles, Server Component patterns, and efficient data fetching strategies.

Vercel React Best Practices

Optimizes React and Next.js applications using performance-driven guidelines and patterns from Vercel Engineering.

Canva Automation via Rube MCP

Automates Canva design workflows including creation, asset uploads, folder organization, and template-based content generation.

Baseline UI

Enforces a rigorous, opinionated UI design system to eliminate AI-generated interface inconsistencies and low-quality patterns.

Shadcn UI Integration & Development

Accelerates frontend development by providing expert guidance for discovering, installing, and customizing shadcn/ui components using Radix UI and Tailwind CSS.

Frontend Design Specialist

Generates distinctive, production-grade frontend interfaces and polished UI designs that avoid generic AI aesthetics.

Algorithmic Art & Generative Design

Generates unique, master-level algorithmic art and generative philosophies using p5.js and seeded randomness.

Gemini Image Prompt Generator

Generates professional, non-generic visual assets and creative imagery using the Google Gemini API through an iterative, design-led workflow.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's technical specifications.