Design Tools Agent Skills

UX Design Orchestration

Orchestrates end-to-end user experience workflows by coordinating specialized skills in research, architecture, interaction, and visual design.

Tailwind CSS v4 Pro

Streamlines styling workflows using Tailwind CSS v4's CSS-first configuration and modern utility patterns.

Framer Motion Patterns

Implements production-ready React animations and interactive motion design using the Framer Motion library.

Lingx Frontend Design System

Enforces a precise, minimal UI design system inspired by Linear and Stripe to create production-grade dashboards and admin interfaces.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices that avoid generic AI patterns.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated patterns.

Frontend Design & Aesthetics

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Distinctive Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices to avoid generic AI styles.

UI Implementation Best Practices

Implements modern, performant user interfaces using Next.js, React, Tailwind CSS, and Shadcn UI following server-first architecture principles.

Frontend Design Pro

Generates high-fidelity, production-grade web interfaces with distinctive aesthetics that transcend generic AI-generated designs.

Image Processing Toolkit

Automates image resizing, compression, and format conversion with smart aspect ratio cropping and batch support.

UI/UX Design Pro

Facilitates the creation of intuitive, aesthetic, and user-centric interfaces by applying modern design principles and industry best practices.

Theme Factory

Applies professional visual identities to documents, slides, and web artifacts using curated color palettes and typography.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches based on unique computational philosophies.

Anthropic Brand Styling

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

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces and web components with high-end aesthetic quality and intentional design.

Web Artifacts Builder

Generates complex, multi-component React artifacts using Tailwind CSS and shadcn/ui for high-fidelity frontend prototypes.

Canvas Design

Generates sophisticated visual art and professional posters using structured design philosophies and meticulous craftsmanship.

Slack GIF & Emoji Creator

Generates and optimizes animated GIFs and custom emojis tailored specifically to Slack's technical constraints and file size limits.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, including specific color palettes and typography, to document artifacts.

UI/UX Design Standards

Applies professional UI/UX design principles and implementation patterns to create intuitive, responsive, and accessible user interfaces.

Canvas Design & Visual Art

Generates professional-grade posters, abstract art, and minimalist graphics through a philosophy-driven design framework.

Branding & Visual Identity

Establishes cohesive brand identity systems including visual standards, color palettes, typography, and verbal tone guidelines.

UX Research & Insights

Guides user experience research from planning and methodology selection through data synthesis and actionable insight delivery.

Hand-Drawn Technical Art

Generates technical diagrams and editorial illustrations with a consistent Excalidraw-inspired hand-drawn aesthetic in dark mode.

Frontend Design Pro

Generates distinctive, production-grade web interfaces with high-fidelity aesthetics that transcend generic AI design patterns.

Web Design Guidelines Auditor

Audits frontend code against Vercel's Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

React Component Patterns

Implements standardized React component patterns and hooks to build maintainable, reusable, and scalable frontend architectures.

BIM Verdi UI Design System

Generates high-fidelity WordPress frontend components and pages following the specific BIM Verdi enterprise-calm design system.

Typography & Text Effects

Enhances web interfaces with responsive typography, animated headers, and interactive text micro-animations.