Design Tools Agent Skills

CRM Orbit UI Agent

Implements frontend components, layouts, and internationalization wiring for the CRM Orbit ecosystem while preserving backend integrity.

Keycloak Multi-Tenant Theming

Implements custom, realm-specific authentication themes for Keycloak using standardized templates and design systems.

UI/UX Technical Expert

Implements accessible, production-grade React user interfaces using shadcn/ui and Tailwind CSS while ensuring strict WCAG 2.1 AA compliance.

Nuxt 4 Frontend Development (lenne.tech)

Develops production-ready Nuxt 4 frontend applications using strict TypeScript, Valibot forms, and automated API integration.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, code-driven visual art using p5.js and original computational philosophies.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji animations specifically tailored to meet Slack's strict file size and dimension requirements.

Frontend Design

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

Theme Factory

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

Algorithmic Art & Generative Aesthetics

Generates museum-quality algorithmic art by combining computational philosophy with interactive p5.js implementations.

Frontend Design System Generator

Generates production-ready CSS, Tailwind configurations, and styled-components themes from design tokens and style selections.

Anthropic Brand Styling

Applies Anthropic's official brand colors, typography, and visual identity standards to artifacts and presentations.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high-quality design and unique aesthetic character.

Web Artifacts Builder

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

Frontend Design Styles

Accelerates frontend development by providing Claude with a library of 263+ AI-optimized design styles and visual aesthetic keywords.

Professional UI/UX Auditor

Conducts comprehensive UI/UX evaluations using professional design vocabulary and multi-viewport analysis to improve interface quality.

Frontend Design Pro

Crafts high-end, production-grade frontend interfaces with a professional UI/UX designer's mindset to eliminate generic AI aesthetics.

UI Guidelines Applicator

Applies consistent design system standards, accessibility requirements, and component patterns to React and TypeScript user interfaces.

Comprehensive Frontend Development

Builds production-grade web applications by merging distinctive design aesthetics with robust technical implementation using modern React and TypeScript frameworks.

Professional Design Guide

Implements premium interface design methodologies using glassmorphism, cinematic lighting, and consistent spacing systems for high-caliber client projects.

Premium Landing Page Designer

Designs high-converting, professional landing pages using premium aesthetic principles and conversion psychology to avoid generic AI-generated looks.

Svelte UI Design

Architects high-performance Svelte 5 user interfaces using Tailwind CSS 4, Skeleton Labs design tokens, and Bits UI headless components.

Design Movements & Historical Aesthetics

Guides visual direction by applying historical design principles and modern CSS patterns from Bauhaus to Postmodernism.

Visual Design Principles

Applies foundational visual laws and cognitive psychology to create professional, high-impact user interfaces and brand identities.

Underware OpenSCAD Generator

Generates parametric OpenSCAD code for Underware cable management channels compatible with OpenGrid and Multiboard systems.

Frontend CSS

Implements consistent, high-performance styling using modern CSS methodologies and design system patterns.

Design System Component Creator

Generates standardized UI components for the Equality design system with built-in state management and documentation hooks.

Frontend Components

Designs reusable and composable UI components with clear props interfaces and single-responsibility encapsulation.

Frontend CSS

Applies consistent CSS styling and design system tokens using modern methodologies like Tailwind, BEM, and CSS Modules to ensure performant, responsive, and visually cohesive user interfaces.

Presentation Design

Automates the creation of professional slide decks using programmatic generation and established design principles.

Makepad Rust UI Development

Streamlines the creation of high-performance Rust user interfaces using the Makepad framework.