Design Tools Agent Skills

UI Styling & Design System

Accelerates the creation of accessible, production-ready user interfaces using shadcn/ui components and Tailwind CSS utility styling.

Image Generation & Editing

Generates and modifies high-quality images, diagrams, and illustrations using advanced AI models like FLUX and Gemini.

Advanced React Artifacts Builder

Builds sophisticated, multi-component Claude.ai HTML artifacts using modern React, Tailwind CSS, and shadcn/ui frameworks.

Frontend Design

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

Canvas Visual Designer

Generates sophisticated, museum-quality visual art and posters using custom-crafted design philosophies and master-level execution.

Image Enhancer

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

Algorithmic Art & Generative Design

Generates sophisticated p5.js art through deep algorithmic philosophy and meticulous computational craftsmanship.

Theme Factory

Styles artifacts with professional color palettes and typography pairings through preset or custom-generated themes.

Frontend Design

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

Canvas Design

Generates sophisticated, museum-quality visual art and design philosophies through meticulous spatial communication and artistic orchestration.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design patterns.

High-Fidelity UI/UX Design

Creates distinctive, production-grade frontend interfaces and components while avoiding generic AI-generated design patterns.

Modern React Development

Architects high-performance React applications using modern hooks, state management patterns, and official documentation best practices.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict file size and dimension requirements.

Algorithmic Art Mastery

Generates sophisticated, original generative art using p5.js through a unique dual-stage process of computational philosophy and master-level implementation.

Framer Motion Design Expert

Integrates standardized Framer Motion animations and micro-interactions into every frontend component automatically.

Templ Components

Build reusable, type-safe UI components for Go web applications using the templ library.

React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using shadcn/ui and professional frontend workflows.

Theme Factory

Applies professional color palettes and typography pairings to artifacts like slides, documents, and landing pages.

Frontend Design for Fixlify

Creates distinctive, production-grade frontend interfaces using the Fixlify design system, shadcn/ui, and Tailwind CSS.

Mobile App Icon Generator

Generates professional, high-quality mobile app icons for iOS and Android using OpenAI and Gemini image generation APIs.

Keycloak Multi-Tenant Theming

Implements custom, realm-specific authentication themes for Keycloak using standardized templates and design systems.

Algorithmic Art Studio

Generates master-level generative art and computational aesthetics using p5.js and seeded randomness.

Frontend Design Pro

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

Image Enhancer

Enhances image resolution and clarity to produce professional-grade screenshots and visuals for documentation or social media.

Advanced React Artifacts Builder

Builds complex, multi-component Claude.ai HTML artifacts using modern frontend stacks like React, Tailwind CSS, and shadcn/ui.

Frontend Design

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

Ratatui Rust TUI Builder

Builds sophisticated, high-performance terminal user interfaces in Rust using the Ratatui framework.

Slack GIF Creator

Generates and optimizes animated GIFs tailored for Slack emojis and message attachments using advanced animation utilities.

Elite UI Design Principles

Enforces high-fidelity, minimalist design systems inspired by industry leaders like Linear, Notion, and Stripe for professional web applications.