Design Tools Agent Skills

Shadowrun UI Aesthetic

Applies distinctive cyberpunk visual language and production-grade UI patterns for Shadowrun-themed applications.

Design Polish & Accessibility Auditor

Refines UI/UX by comparing project code against industry design trends and ensuring WCAG accessibility compliance.

Theme Factory

Styles digital artifacts like slides, documents, and landing pages using professional pre-set color palettes and font pairings.

SaaS UI/UX Design System

Designs distinctive, production-grade SaaS interfaces by implementing intentional UI/UX patterns and avoiding generic design tropes.

Frontend Design & Aesthetics

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

Tailwind Widget Builder for ChatGPT Apps

Accelerates the creation of responsive, Tailwind CSS-powered inline widgets for ChatGPT applications using pre-built UI patterns.

Wireframe Design & Information Architecture

Generates structured low and high-fidelity wireframes to visualize UI layouts and information hierarchy effectively.

Senior Frontend Architect

Accelerates modern web development by providing automated scaffolding, performance optimization, and industry-standard patterns for React and Next.js applications.

Web Artifact Builder

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

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.

Frontend Development Master

Architects responsive, accessible, and high-performance user interfaces using modern web standards and frameworks.

Brand Illustrator

Generates hand-drawn line art illustrations following the Builder Methods visual identity for consistent brand storytelling.

Frontend Design

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

LaTeX Research Posters

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

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.

Canvas Design

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