Design Tools Agent Skills

Cloodle Design System Tokens

Manages and applies consistent design system values across platforms using a specialized token mapping system for Moodle themes.

Elite PowerPoint Designer

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

Chrome Extension UI Patterns

Provides standardized UI patterns and boilerplate code for building accessible, responsive Chrome Extension interfaces.

Canvas Design

Generates museum-quality visual art and design assets through a structured philosophical framework.

Svelte UI Animator

Implements performant, purposeful UI animations for Svelte and SvelteKit applications using Tailwind CSS.

Neuphorism UI Design System

Generates elegant, tactile user interfaces using the Neuphorism design system's soft shadow and light simulation aesthetic.

Anthropic Web Frontend Designer

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

Shadcn Aesthetic

Generates modern, accessible CSS and SCSS code based on the clean, minimal shadcn/ui design system.

Image Enhancer

Enhances image quality by upscaling resolution, sharpening edges, and reducing compression artifacts for professional visual results.

Anthropic Brand Guidelines

Applies Anthropic's official corporate identity, including specific color palettes and typography, to digital artifacts and documents.

Advanced Web Artifacts Builder

Generates sophisticated, multi-component React applications bundled into single-file Claude.ai artifacts using modern web technologies.

Advanced React Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using Tailwind CSS and shadcn/ui components.

Theme Factory

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

Canvas Design

Generates museum-quality visual art and sophisticated design philosophies for posters, diagrams, and digital artifacts.

Algorithmic Art Generator

Generates original, high-quality generative art using p5.js based on custom computational philosophies and emergent behaviors.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces and web components that avoid generic AI aesthetics through intentional design thinking.

Canvas Design

Generates museum-quality visual art and high-end design documents based on custom-crafted aesthetic philosophies.

Algorithmic Art Studio

Generates sophisticated, philosophy-driven generative art using p5.js, noise fields, and seeded randomness for reproducible computational aesthetics.

Anthropic Brand Styler

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

Theme Factory

Styles digital artifacts like slides, documents, and HTML pages with professional, curated color palettes and font pairings.

Advanced React Artifacts Builder

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

Modern CSS & Responsive Design Standards

Implements modern CSS standards, responsive design patterns, and quality-driven styling workflows for CUI projects.

Frontend Design

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

Magic UI Component Builder

Generates production-grade React and TypeScript UI components using modern design patterns from 21st.dev.

Gemini Image Generator

Generates high-quality professional images and technical illustrations using Google's Gemini 2.5 Flash model directly within your development workflow.

Component Integration

Integrates React components, MDX content, and Tailwind CSS into Astro projects using optimized island architecture patterns.

Tailwind v4 Design System Enforcer

Enforces strict UI consistency and accessibility standards for Next.js projects using shadcn/ui and Tailwind v4.

Tailwind & shadcn/ui Setup

Automates the installation and configuration of Tailwind CSS and the shadcn/ui component library for production-ready Next.js projects.

Generative UI Patterns

Implements dynamic, AI-generated user interfaces using Vercel AI SDK React Server Components and real-time streaming patterns.

Tailwind Patterns

Provides instant access to Tailwind CSS utility patterns, responsive layouts, and configuration best practices for faster frontend development.