Design Tools Agent Skills

UI/UX Pro Max

Accelerates the creation of professional, accessible user interfaces with automated design systems and multi-stack implementation patterns.

UI Cloner Iterator

Refines UI implementations through five structured comparison passes against design specifications to achieve high-fidelity results.

UI Cloner Fidelity Auditor

Ensures high-fidelity UI replication by performing an exhaustive quality audit on design prompts before code generation.

Figma Design Implementation

Translates Figma designs into production-ready code with pixel-perfect visual fidelity using the Figma MCP workflow.

UI Mockup & Next.js Prototyping

Creates high-fidelity HTML/CSS/JS prototypes and UI mockups optimized for seamless transition to Next.js components.

UI Cloner & Site Replication Protocol

Clones and adapts existing website designs into high-fidelity implementation blueprints using a four-phase forensic audit protocol.

Forensic Site DNA Audit

Performs a clinical forensic analysis of websites to extract high-fidelity design tokens, architecture, and layout patterns.

UI Cloner Synthesis

Synthesizes analyzed site data and brand requirements into a high-fidelity developer prompt for precise frontend replication.

UI Cloner Brand Interviewer

Facilitates a comprehensive 12-point brand discovery interview to define site identity, design preferences, and technical requirements.

Design System Architect

Generates production-grade design token sets and performs comprehensive visual consistency audits to eliminate UI debt and generic AI patterns.

Figma Design Integration

Translates Figma designs into production-ready React and Tailwind CSS code while ensuring visual parity and design system consistency.

Phase 5 Design System Architect

Develops consistent, platform-independent component libraries and design tokens for all major UI frameworks.

Animated HTML Presentations

Generates high-quality, animation-rich HTML presentations with zero dependencies and automatic PowerPoint conversion.

SAP Prototype Generator

Generates professional SAP-style UI prototype images directly from Markdown table definitions.

Mini App UI/UX Designer

Streamlines the UI/UX and technical design process for mini-apps by generating comprehensive design documentation and ASCII wireframes.

Website Design Research

Analyzes industry-leading websites to extract design patterns, typography, and UI strategies using first-principles thinking.

Framer Motion Interactive Animations

Implements high-performance, production-grade React animations and interactive gestures using Framer Motion.

Framer Motion Interactive Animation

Implements fluid, high-performance Framer Motion animations for React applications, including gestures, scroll triggers, and exit transitions.

Website Usability Auditor

Audits website interfaces for UX friction, navigation flow, and form usability to improve user task completion rates.

Next.js Frontend Design Pro

Builds distinctive, production-grade Next.js interfaces with intentional typography, motion, and architectural excellence to avoid generic AI aesthetics.

Cinematic Website & Landing Page Builder

Generates high-fidelity, pixel-perfect landing pages featuring advanced GSAP animations and curated boutique aesthetic presets.

Zhipu Vision AI

Enhances Claude's visual reasoning capabilities to convert screenshots into code, perform OCR, and diagnose UI errors.

Mobile App Icon Generator

Generates professional, high-quality mobile app icons for iOS and Android using OpenAI and Gemini image generation APIs.

Brand Systems

Builds comprehensive brand identity systems from strategy and positioning to visual documentation and design tokens.

Brand Identity Systems

Architects comprehensive brand identity systems covering visual design, strategy, voice guidelines, and system documentation.

Maxmotion Video Editor

Edits Remotion video projects by managing JSON configurations and TSX source code for programmatic video creation.

daisyUI Framework Guide

Streamlines the creation of responsive, themeable user interfaces using daisyUI component classes and Tailwind CSS.

Frontend Design

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

Visual Design System Foundations

Implements professional design tokens and rules to create accessible, grid-aligned visual artifacts like diagrams, charts, and documentation.

Web Animation Design

Designs and implements high-performance, purposeful web animations using industry best practices for easing, timing, and accessibility.