Design Tools Agent Skills

Fabric Art Prompt Engineer

Generates high-fidelity, descriptive AI art prompts with precise style guidance and visual conceptualization.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous detail.

Connecting Widget Pipelines

Facilitates communication between StickerNest widgets by defining typed ports and configuring data flow pipelines.

Image Optimization Expert

Optimizes web images using modern compression, format conversion, and responsive techniques to enhance site performance and SEO.

Gleam Lustre Development

Builds robust, idiomatic frontend applications and UI components using the Gleam Lustre framework.

React Component Patterns

Streamlines frontend development by providing production-grade patterns for type-safe, accessible, and reusable React components.

Tailwind CSS UI Patterns

Accelerates React and Next.js development with standardized Tailwind CSS design patterns, responsive layouts, and accessible UI components.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, gallery-quality algorithmic art using p5.js through a dual-process of philosophical conceptualization and meticulous code implementation.

Moai Enterprise UI Library

Streamlines React development with an enterprise-grade shadcn/ui component library and AI-enhanced design system architecture.

Anime & Manga Midjourney Prompt Builder

Generates specialized Midjourney Niji mode prompts for authentic anime and manga art styles.

Figma to React

Converts Figma screen flows into pixel-perfect, production-ready React components with Tailwind CSS and automated visual validation.

React Component Patterns

Enforces professional React best practices using functional components, TypeScript, and standardized state management.

Theme Factory

Styles artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.

UI Color Theory & Palette System

Generates professional, accessible, and theme-ready color schemes based on advanced color theory principles for modern web applications.

Accessibility Design Skill

Implements WCAG-compliant web interfaces with advanced keyboard navigation, screen reader optimization, and automated accessibility testing.

Canvas Design & Artistry

Generates sophisticated visual designs and aesthetic philosophies by translating conceptual inputs into museum-quality digital art.

Slack GIF Creator

Generates high-quality animated GIFs optimized for Slack emojis and messages using Python-based drawing and animation utilities.

Theme Factory

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

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive visualizations using p5.js and deep computational philosophies.

Anthropic Brand Styling

Applies Anthropic's official brand identity, including professional color palettes and typography, to documents and visual artifacts.

Web Artifacts Builder

Generates sophisticated, multi-component React applications bundled into single-file Claude.ai artifacts using shadcn/ui and Tailwind CSS.

Image Enhancer

Enhances the quality of screenshots and images by improving resolution, sharpness, and clarity for professional use.

Frontend Design Expert

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

Advanced React Artifacts Builder

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

Slack GIF Creator

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

Responsive Web Design

Architects fluid and adaptive web interfaces that ensure an optimal user experience across mobile, tablet, and desktop devices.

Theme Factory

Styles artifacts like slides, reports, and landing pages with professional font pairings and cohesive color palettes.

Anthropic Brand Styling

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

Artistic Canvas & Design Philosophy

Generates sophisticated visual art and custom design philosophies for posters, digital canvases, and high-fidelity documents.

Advanced React Artifacts Builder

Builds complex, production-grade Claude artifacts using React, TypeScript, Tailwind CSS, and shadcn/ui.