Design Tools Agent Skills

Status Quo Bias & Change Design

Analyzes user resistance to change and provides psychological frameworks to improve product adoption and migration success.

Cognitive Biases Analysis Toolkit

Applies behavioral psychology and cognitive bias frameworks to improve product design, user experience, and ethical decision-making.

Progressive Disclosure Design

Simplifies complex user interfaces by sequencing information and actions across time to reduce cognitive load and improve usability.

Hick's Law Optimizer

Optimizes user decision-making speed by streamlining interface choices and reducing cognitive load within software designs.

Trust Psychology

Implements psychological trust signals and risk-reduction patterns to optimize conversion rates and user confidence in digital products.

Loss Aversion Psychology

Applies behavioral economics and prospect theory to optimize user retention, pricing strategies, and product messaging.

Fogg Behavior Model Designer

Designs and optimizes user behavior change using the proven B=MAP framework to drive product growth and conversion.

Tailwind React Styling

Generates responsive, production-ready Tailwind CSS styles and React components using utility-first principles.

Netresearch Brand Identity

Automatically applies Netresearch brand guidelines, including typography, colors, and logos, to digital projects and documentation.

React Design Patterns

Implements modern React patterns including custom hooks, component composition, and state management strategies to build scalable frontend architectures.

Tailwind Coder for Rails

Implements responsive Tailwind CSS styling and component patterns within Ruby on Rails applications.

ViewComponent Coder

Builds modular, component-based Rails UIs using the ViewComponent framework and Evil Martians patterns.

Stimulus Coder

Creates and refactors Stimulus.js controllers using Hotwire conventions and reusable design patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and framework-specific optimizations.

Modern React & TypeScript Coder

Builds production-grade React components using TypeScript, modern hooks, and industry-standard architecture patterns.

Native Rails Dialog Patterns

Builds accessible, high-performance modal and overlay interfaces for Ruby on Rails using native HTML dialog elements, Turbo, and Stimulus.

Glide UI/UX Design

Designs and builds intuitive, data-dense Glide screens, components, and workflows using professional UI patterns.

Glide Template Explorer

Explores the Glide Template Store to provide design inspiration, implementation patterns, and data modeling guidance for no-code apps.

UI/UX Design Architect

Generates comprehensive UI/UX design specifications, wireframes, and style guides based on user stories and core solutions.

Information Architecture

Organizes and structures digital content to improve findability, usability, and navigation design through proven mental model alignment and taxonomy patterns.

Web Interface Guidelines

Audits frontend code for compliance with Vercel's professional web design and accessibility standards.

Algorithmic Art & Generative Design

Generates sophisticated, master-level generative art and computational aesthetics using p5.js and seeded randomness.

Theme Factory

Applies professional visual themes and curated styling to documents, presentations, and HTML artifacts using harmonious color palettes and font pairings.

Canvas Visual Design

Generates museum-quality visual art and sophisticated posters using advanced design philosophies.

Vercel React Best Practices

Optimizes React and Next.js application performance using Vercel Engineering's proven patterns and 57 core optimization rules.

UX Design Standards

Implements battle-tested UX standards and design patterns to ensure high-quality, secure, and production-ready user interfaces.

Corporate Brand Guidelines Automator

Applies consistent corporate branding, visual styles, and messaging standards to all generated documents and reports.

Cognitive Design Principles

Optimizes visual interfaces and information architecture by aligning designs with human perception and cognitive processing limits.

VS Design Diverge

Creates distinctive, high-entropy frontend interfaces by mitigating AI mode collapse and prioritizing non-generic design patterns.

Slack GIF Creator

Generates and optimizes custom animated GIFs specifically tailored for Slack emojis and messages using Python.