Design Tools Agent Skills

FrankX Brand Standards & Design System

Applies official FrankX brand guidelines, visual identity, and voice to artifacts, content, and communications for independent creators.

Arcanea Design System

Generates futuristic, glassmorphic UI components and consciousness-aligned styling for premium web interfaces.

Frontend Design

Generates distinctive, production-grade frontend interfaces and web components with high aesthetic quality and unique creative direction.

Modern React Development

Builds high-performance web applications using React 19 features, Server Components, and modern state management patterns.

shadcn/ui UI Library Management

Accelerates frontend development by implementing accessible, customizable shadcn/ui components using modern React patterns and Tailwind CSS.

Modern Tailwind CSS Design

Streamlines modern web styling with Tailwind CSS v4 using CSS-first configuration and perceptual color spaces.

UI/UX Pro Max

Generates professional UI/UX design systems and implementation guidelines across multiple frontend frameworks.

Vercel Web Design Guidelines

Audits frontend code against Vercel's high-performance web interface standards to ensure accessibility and UX excellence.

Nano Banana Pro

Generates and edits high-quality images using the Gemini 3 Pro Image model directly within your development environment.

UI Patterns & Accessibility Standards

Enforces opinionated, accessibility-first UI patterns and modern styling constraints for high-quality frontend development.

Frontend Design Pro

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

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high design quality by extracting guidelines from references or applying creative design thinking.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through characterful typography and purposeful motion.

TUI Designer

Design and implement authentic retro-futuristic, cyberpunk, and terminal-style user interfaces across React, SwiftUI, and CSS.

React Form Expert

Builds type-safe, performant React forms using TanStack Form and Zod validation patterns.

React DnD Kit Patterns

Implements robust drag-and-drop functionality using @dnd-kit for seamless item reordering in React applications.

React 19 Patterns

Implements modern React 19 architecture including the React Compiler, Server Actions, and enhanced state management hooks.

Dynamic Table Filter Builder

Generates standardized table filters with advanced query logic, model searching, and visual grouping for frontend applications.

Framer Motion Patterns

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

Frontend Design (Codex)

Designs and structures premium, Apple-inspired web interfaces focusing on clarity, typography, and purposeful minimalism.

Theme Factory

Applies professional visual themes, including curated color palettes and font pairings, to artifacts like slide decks, documents, and HTML landing pages.

Anthropic Brand Styling

Applies Anthropic's official brand identity, including color palettes and typography, to documents and visual artifacts created via Claude Code.

Templ UI Components

Builds reusable, type-safe UI components for Go web applications using advanced templ composition patterns.

React Artifacts Builder

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

Slack GIF Creator

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

UX Polish & Accessibility

Refines Astro frontends with production-grade UI tokens, accessibility standards, and consistent state handling.

Frontend Design

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

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces that move beyond generic AI-generated aesthetics through bold design choices.

UI Generator

Generates production-ready React components and themed layouts from natural language descriptions using Tailwind CSS.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages.