Design Tools Agent Skills

Canvas Design Architect

Generates sophisticated visual art and original design philosophies through high-fidelity digital canvases.

Frontend Development Patterns

Implements high-performance React and Next.js architectural patterns for modern web applications.

Algorithmic Art Studio

Creates sophisticated, original generative art using p5.js based on custom computational philosophies and seeded randomness.

Frontend Development Patterns

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

Frontend Development & MudBlazor UI

Builds production-ready Blazor components and layouts adhering to the MudBlazor design system and project-specific conventions.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across nine major web and mobile technology stacks.

Elite PowerPoint Designer

Transforms markdown and text into world-class PowerPoint presentations using professional design systems, sophisticated animations, and brand-level consistency.

Component Templates

Generates production-grade, accessible UI components for React, Vue, and Svelte using standardized design patterns.

Web Artifacts Builder

Simplifies the creation of complex, multi-component React artifacts with integrated bundling for professional Claude.ai previews.

Theme Factory

Styles digital artifacts like slide decks and documents with professional, curated color palettes and font pairings.

Gridfinity OpenSCAD Generator

Generates specification-compliant OpenSCAD code for custom Gridfinity bins, baseplates, and modular desktop organizers.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality design aesthetics that avoid generic AI patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a high-quality design aesthetic using a Flask/Jinja2 template structure.

Nano Banana Image Generator

Generates, edits, and composes professional-grade images using Google's Gemini 3 Pro Image model directly within your terminal workflow.

Figma Make Design Importer

Transforms and applies Figma Make exported designs to website pages while converting React animations into native CSS.

Figma Design Reader

Extracts structured layout summaries from Figma design links to provide developers with immediate UI context.

EdTech Pitch Deck Creator

Transforms raw EdTech startup content into narrative-driven, visually compelling investor pitch decks through a collaborative 7-phase design process.

Balkan Family Tree JS Assistant

Implements and manages interactive family tree visualizations and organizational charts using Balkan Family Tree JS libraries.

Frontend Accessibility

Builds accessible, WCAG-compliant user interfaces using semantic HTML, ARIA attributes, and robust keyboard navigation patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and creative aesthetic choices that avoid generic AI patterns.

Laravel Blade Expert

Generates robust Laravel Blade templates and reusable UI components using modern best practices and clean architecture patterns.

Motion React Animations

Creates high-performance, declarative React animations for sophisticated user interfaces and interactions using the Motion library.

Accessibility Design

Guides the creation of inclusive, WCAG-compliant React interfaces using Tailwind CSS and semantic HTML.

Exploratory UI Designer

Generates high-fidelity, distinctive frontend interfaces that avoid generic AI aesthetics through bold design choices and production-grade code.

Comprehensive Design System Auditor

Performs a multi-phase audit of design systems to identify inconsistencies, accessibility gaps, and architectural improvements using AI-driven analysis.

Modern Web Design Creator

Generates production-ready, responsive websites using Tailwind CSS, professional design systems, and modern animations.

Peninsula School District Brand Guidelines

Applies Peninsula School District official brand colors, typography, and logos to digital artifacts, code, and documents.

UI Design Reviewer

Audits web interfaces for visual harmony, accessibility, and technical health using Playwright browser automation.

React Design Systems with Tailwind

Builds scalable, production-ready React component libraries using Tailwind CSS design tokens and industry-standard patterns.