Design Tools Agent Skills

Makepad UI Development Basics

699

Generates boilerplate code and provides architectural guidance for building high-performance, GPU-accelerated Rust applications using the Makepad framework.

Makepad Event & Action Handling

699

Streamlines the implementation of interaction logic and event propagation within the Makepad UI framework.

Makepad Animation

699

Simplifies the creation of complex, high-performance UI animations and state transitions within the Makepad framework.

Robius Makepad Widget Patterns

699

Provides expert patterns and production-ready templates for building reusable UI components with the Makepad framework.

Makepad Font & Typography

699

Optimizes text rendering and typography configurations for Makepad applications using SDF-based GPU techniques.

Makepad Splash Scripting

699

Enables dynamic UI generation and AI-assisted workflow automation using the Makepad Splash scripting language.

Expo Tailwind v4 Setup

651

Configures Tailwind CSS v4 and NativeWind v5 in Expo projects to enable high-performance universal styling through a CSS-first architecture.

Image Enhancer

601

Enhances image quality, resolution, and clarity to create professional-grade visuals for documentation and social media.

Landing Page Guide

562

Generates high-converting, professional landing pages using the 11-essential-element framework with Next.js 14+ and ShadCN UI.

Web Interface Guidelines Reviewer

544

Audits UI code for compliance with professional web design standards and accessibility best practices.

Web Design & UI Guidelines Audit

475

Evaluates frontend code against industry-standard web interface guidelines to ensure accessibility, UX consistency, and design best practices.

Design Lab

439

Conducts interactive design interviews and generates multiple UI variations within a temporary sandbox to streamline frontend exploration.

Motion Vue Animations

410

Streamlines the creation of production-grade, hardware-accelerated animations for Vue 3 and Nuxt applications using Motion Vue.

Excalidraw Diagram Manager

347

Optimizes Excalidraw diagram management by delegating verbose JSON processing to subagents to preserve main agent context tokens.

Draw.io Diagrams

347

Manages draw.io diagram lifecycles including XML editing, high-resolution PNG conversion, and AWS architecture visualization with precise layout control.

Material-UI v7 Component Patterns

347

Standardizes Material-UI v7 development by providing production-ready component patterns, theme integrations, and modern styling workflows.

React TypeScript Pro

347

Streamlines the development of type-safe React applications using modern patterns for React 19, Server Components, and advanced routing.

Design System Starter

347

Builds and scales comprehensive design systems with design tokens, atomic component libraries, and WCAG-compliant accessibility guidelines.

LaTeX Research Posters

324

Generates professional academic research posters using LaTeX packages like beamerposter, tikzposter, and baposter.

UI Design

314

Creates distinctive, production-grade frontend interfaces and high-fidelity prototypes using professional design principles and strict aesthetic guidelines.

Frontend Design

291

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design thinking and bold styling.

Frontend Design

275

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

Apple HIG Quick Reference

233

Simplifies Apple Human Interface Guidelines compliance through quick decision frameworks and checklists for modern xOS development.

Screenshot Feature Extractor

229

Transforms UI screenshots into detailed product requirement documents and executable development task checklists.

Frontend CSS Standards

213

Writes consistent, maintainable CSS by adhering to project methodologies, design systems, and performance best practices.

Drawnote Visualizer

212

Generates stunning visual notes, flowcharts, and mind maps from text and exports them as high-quality images directly in your workspace.

Style Format Specification

211

Defines and manages artistic direction templates for visual asset generation using standardized markdown specifications.

shadcn/ui Frontend Components

211

Implements accessible, beautifully-designed shadcn/ui components and design patterns using Tailwind CSS and Radix UI.

Scientific Schematics

197

Generates publication-quality scientific diagrams and architectural schematics using iterative AI refinement and automated quality review.

LaTeX Research Posters

197

Creates professional, publication-quality scientific research posters using industry-standard LaTeX packages and automated schematic generation.