Design Tools Agent Skills

Advanced Web Artifact Builder

Architects and bundles complex, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Lit & Reatom Page Architect

Generates and maintains standardized frontend page components using LitElement and Reatom state management.

Image Enhancer & Upscaler

Transforms low-resolution screenshots and images into high-quality, professional-grade visual assets through intelligent sharpening and upscaling.

Canvas Design

Generates museum-quality visual art and design philosophies through a meticulous two-step process of conceptualization and visual expression.

Nanobanana Image Generation & Editing

Generates and edits high-quality images using the Google Gemini API with granular control over aspect ratios and resolutions.

Frontend Design & High-Fidelity UI

Generates production-grade, distinctive frontend interfaces using multimodal design extraction and creative aesthetic frameworks.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces by applying advanced design thinking and multimodal extraction to avoid generic AI aesthetics.

Frontend Design Specialist

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous technical execution.

Inertia.js SPA Architect

Generates high-performance Inertia.js configurations and components for seamless single-page application development within Laravel.

Nano Banana Prompting

Streamlines the creation of high-quality image generation prompts for Nano Banana Pro through interactive guidance and advanced prompting techniques.

Accessibility Auditor

Audits and optimizes web applications for WCAG compliance, ARIA implementation, and inclusive user experiences.

Theme Factory

Applies professionally curated color palettes and typography pairings to digital artifacts like presentations, documents, and landing pages.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Figma to Code Implementation

Translates Figma designs into production-ready code with 1:1 visual fidelity and design system integration.

Atomic Design Architecture

Organizes React component libraries using a hierarchical Atomic Design methodology to build scalable and maintainable UI systems.

Image Enhancer

Enhances image quality, resolution, and sharpness to create professional-grade visuals for documentation and social media.

Canvas Design Master

Generates professional-grade visual art and museum-quality design philosophies for posters, graphics, and static media.

AdaptiveX Brand Styling

Applies official AdaptiveX brand colors, typography, and visual design standards to training and consulting artifacts.

Canvas Design

Generates sophisticated visual art and design documents by establishing a unique aesthetic philosophy before rendering high-fidelity canvases.

Image Enhancer

Enhances image resolution, sharpness, and clarity for high-quality professional visual assets and documentation.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern web technologies like Tailwind CSS and shadcn/ui.

Tailwind CSS Design Patterns

Implements modern, responsive user interfaces using utility-first Tailwind CSS patterns and best practices.

Canvas Design & Visual Philosophy

Generates sophisticated visual art and design philosophies through a meticulous, multi-step creative process focused on expert craftsmanship.

Anthropic Brand Styler

Applies Anthropic's official visual identity, including colors and typography, to documents and artifacts for a professional, on-brand look.

Frontend Design Architect

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

Frontend Design

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

Algorithmic Art & Generative Design

Generates sophisticated p5.js generative art by translating computational philosophies into meticulously crafted code and interactive viewers.

Theme Factory

Applies professional visual themes and custom color palettes to documents, presentations, and web artifacts.

shadcn/ui Component Manager

Manages shadcn/ui component integration in React and Next.js projects through automated searching, installation, and quality auditing.

Professional UI Styling

Creates beautiful, accessible, and production-ready user interfaces using shadcn/ui components, Tailwind CSS, and sophisticated canvas-based design systems.