Design Tools Agent Skills

Templ Components

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

React Modernization & Migration

Streamlines the process of upgrading React applications to the latest versions through automated codemods and best-practice patterns.

Corporate Brand Guidelines Applicator

Applies consistent corporate branding, visual styles, and messaging standards to generated documents and presentations.

UX Persona Tester

Conducts simulated user testing sessions with specialized AI personas to identify UX friction and accessibility issues.

Image Enhancer

Enhances image quality by upscaling resolution, sharpening details, and removing artifacts for professional-grade visual assets.

Corporate Brand Guidelines Applicator

Enforces consistent corporate branding across PowerPoint, Excel, and PDF documents using predefined visual and messaging standards.

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.

Component Design Guideline Generator

Generates standardized, high-quality design system documentation for UI components by extracting specifications from Rootage YAML files.

Frontend Design for Fixlify

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

Artifacts Builder

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

Theme Factory

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

Tailwind Design System Architect

Builds scalable, production-grade design systems using Tailwind CSS, design tokens, and robust component architecture patterns.

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.

Frontend Design Pro

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

Shadcn UI Manager

Manages shadcn/ui component integration, installation, and implementation patterns for modern frontend projects.

Shadcn UI Manager

Manages shadcn/ui component integration and complex UI assembly through automated registry searching and installation workflows.

Canvas Visual Design

Generates high-fidelity visual art and design philosophies using sophisticated spatial and aesthetic principles.

Canvas Design Studio

Generates high-fidelity visual art and design documents using bespoke design philosophies and meticulous craftsmanship.

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 that avoid generic AI aesthetics through bold design thinking.

Canvas Design & Visual Philosophy

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

Frontend Design

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

React Production Patterns

Implements modern React architecture, hooks, and performance best practices for production-ready web applications.

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.

Progressive Disclosure UX Expert

Implements strategic information layering to reduce cognitive load while maintaining feature depth for power users.

Artistic Canvas & Design Philosophy

Generates museum-quality visual art and conceptual design philosophies for posters, digital assets, and abstract compositions.