Design Tools Agent Skills

NiceGUI UI Development

Optimizes Python web interfaces by applying NiceGUI, Quasar, and Tailwind CSS best practices for layouts and architecture.

Next.js Data Table Generator

Generates production-ready Next.js data table pages with SSR, URL-based state management, and full-stack CRUD capabilities.

Media Generator for Google GenAI

Generates high-fidelity images and videos directly within Claude using Google's Gemini, Imagen, and Veo models.

AI Illustration Prompt Architect

Generates high-quality, structured image prompts for AI generators like Midjourney and DALL-E using a six-principle optimization framework.

Svelte UI Design

Architects high-performance Svelte 5 user interfaces using Tailwind CSS 4, Skeleton Labs design tokens, and Bits UI headless components.

Visual Theme Factory

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

Image Enhancer

Enhances image and screenshot quality by intelligently upscaling resolution, sharpening details, and removing compression artifacts.

Figma to Responsive Code

Converts Figma designs into production-ready responsive code for Web, React Native, and Expo using automated multi-agent workflows.

One-UI Angular Migration

Orchestrates the migration of Angular 16 applications to Angular 20 using Domain-Driven Design and SignalStore patterns.

CRE8 Web Components

Provides comprehensive documentation and code generation for the CRE8 design system's library of 85+ Lit-based web components.

Visual Screenshot Capture

Captures visual context from your screen to help Claude analyze UI bugs, verify browser automation, and review designs.

Changelog Infographic Generator

Converts structured changelog summaries into professional, high-quality PNG infographics for visual release announcements.

Terminal UI Renderer

Generates sophisticated terminal user interfaces using the Rich library, including tables, panels, progress bars, and custom-themed text.

SolidJS Web Development

Builds high-performance user interfaces using SolidJS's fine-grained reactivity and signal-based architecture.

Canvas Design Studio

Generates museum-quality visual art and design philosophies through systematic aesthetic frameworks and master-level craftsmanship.

Algorithmic Art & Generative Design

Creates sophisticated, gallery-quality generative art using p5.js through custom algorithmic philosophies and interactive parameter exploration.

Modern CSS Expert

Architects production-grade, accessible user interfaces using the latest CSS features like cascade layers, container queries, and OKLCH color spaces.

Frontend Development Pro

Accelerates web development by enforcing modern standards for Next.js, TypeScript, and Tailwind CSS applications.

UX Accessibility Design

Implements inclusive design principles and WCAG compliance for interactive web interfaces and components.

Web Interface Design Guidelines

Audits frontend code for compliance with professional web design, accessibility, and UX standards using real-time Vercel guidelines.

Algorithmic Art Architect

Generates sophisticated algorithmic art and generative philosophies using p5.js and mathematical principles.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, colors, and typography to digital artifacts and presentations.

Frontend Design

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

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude using shadcn/ui and modern frontend stacks.

Theme Factory

Applies professional design systems, color palettes, and typography to documents, slide decks, and HTML artifacts.

Frontend Design

Generates distinctive, production-grade frontend interfaces and web components that avoid generic AI-generated aesthetics.

Image Enhancer

Enhances the quality of images and screenshots by improving resolution, sharpening details, and reducing compression artifacts.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend standards.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, including specific color palettes and typography, to design artifacts and presentations.

Theme Factory

Applies professional visual themes and curated color palettes to digital artifacts like slides, documents, and landing pages.