Design Tools Agent Skills

Web Artifact Architect

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

Theme Factory

Styles digital artifacts with professional, curated color palettes and typography pairings to ensure visual consistency.

LaTeX Research Posters

Creates professional, publication-quality research posters in LaTeX using advanced layout systems and integrated scientific schematics.

Shadcn/UI Component Library Skill

Streamlines the installation, configuration, and implementation of accessible React components using shadcn/ui and Tailwind CSS.

UI Design System Pro

Architects scalable UI design systems with automated token generation, component documentation, and cross-platform styling.

Advanced React Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and professional design standards.

Algorithmic Art & Generative Aesthetics

Generates sophisticated p5.js generative art by translating abstract algorithmic philosophies into interactive, code-based masterpieces.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and unique aesthetics.

AI Image Generator & Editor

Generates and edits high-quality visual assets, illustrations, and photorealistic images using state-of-the-art AI models via OpenRouter.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's technical requirements.

React Artifacts Builder

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

React Modernization & Hook Migration

Upgrades React applications by migrating class components to hooks and implementing React 18+ concurrent features.

Corporate Brand Guidelines & Styling

Applies consistent corporate branding, typography, and visual standards to all generated documents and digital assets.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji animations specifically for Slack's file size and dimension constraints.

Frontend Design

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

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.

Algorithmic Art & Generative Design

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

UX Researcher & Designer

Conducts data-driven user research and experience design to create evidence-based personas, journey maps, and usability frameworks.

Canvas Design

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

Image Enhancer

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

Theme Factory

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

Accessibility Auditor

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

Slack GIF Creator

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

Canvas Design Master

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

Image Enhancer

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

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific hex colors and typography, to any generated artifact.

React Artifacts Builder

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

Frontend Design & High-Fidelity UI

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

Presentation Design

Applies research-backed design principles and cognitive load guardrails to create engaging, developer-focused technical presentations.