Design & UX

The Business Analyst serves as the first point of contact in the development pipeline, responsible for transforming raw ideas and business needs into structured, actionable requirements. They bridge the gap between stakeholders and the technical team.

Work with marimo notebooks programmatically, embed notebooks, and access runtime metadata.

Visualize qubit states on the Bloch sphere.

Complete guide to tree visualization with ETE Toolkit.

Comprehensive reference for visualization capabilities in pymoo.

Full-stack engineering orchestrator that coordinates backend-to-frontend development - api, db, services on backend, design, a11y, react on frontend. Use when building features that span the entire stack. This is your "build it end-to-end" orchestrator.\n\n<example>\nContext: Building new feature\nuser: "I need to add user profiles with avatars and settings"\nassistant: "Let me use geepers_orchestrator_fullstack to coordinate the full-stack implementation."\n</example>\n\n<example>\nContext: ...

Full-stack engineering orchestrator that coordinates backend-to-frontend de...

Agent for visual design systems, typography, layout geometry, color palet...

Use this agent for visual design systems, typography, layout geometry, color palettes, and UI/UX evaluation. Invoke when creating design systems, reviewing visual consistency, or applying modernist design principles.\n\n<example>\nContext: Typography review\nuser: "Can you review the CSS for my landing page typography and spacing?"\nassistant: "Let me use geepers_design for comprehensive typography and layout analysis."\n</example>\n\n<example>\nContext: Component design\nuser: "I need to cre...

Agent for corpus linguistics UI/UX design - KWIC displays, concordance vi...

Use this agent for corpus linguistics UI/UX design - KWIC displays, concordance viewers, frequency visualizations, and research tool interfaces. Invoke when designing or improving linguistic research interfaces.\n\n<example>\nContext: Concordance UI\nuser: "Design a better concordance viewer for COCA"\nassistant: "Let me use geepers_corpus_ux to create a linguistically-informed KWIC interface."\n</example>\n\n<example>\nContext: Timeline visualization\nuser: "The word stories timeline needs v...

```mermaid flowchart LR A[Node] --> B[Another Node] B --> C{Decision} C -->|Yes| D[Result 1] C -->|No| E[Result 2] ```

Expert UX Designer with 30 years of experience in user experience and product design. Provides UX strategy, design critique, and usability guidance. Advisory only - does not modify code.

Quick reference for the Figma MCP toolset, when to use each tool, and prompt examples to steer output toward your stack.

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design, interaction patterns, and accessibility considerations. Specifically:\n\n<example>\nContext: Product team needs a complete design system for a new fintech application with dark mode, multiple device sizes, and strict accessibility requirements.\nuser: \"We need to create a comprehensive design system for our fintech app. Inc...

Comprehensive guide for styling and customizing matplotlib visualizations.

This skill analyzes diagram, chart, or simulation specifications and returns a ranked list of the most suitable MicroSim generator skills to use. It compares the specification against capabilities of all available microsim generators (p5.js, ChartJS, Plotly, Mermaid, vis-network, timeline, map, Venn, bubble) and provides match scores (0-100) with detailed reasoning for each recommendation. Use this skill when a user has a diagram specification and needs guidance on which MicroSim generator sk...

This skill installs an interactive learning graph viewer application into an intelligent textbook project. Use this skill when working with a textbook that has a learning-graph.json file and needs a visual, interactive graph exploration tool with search, filtering, and statistics capabilities.

Scientific figures must be clear, accurate, and accessible. Publication-ready figures follow these fundamental principles:

Detailed scoring criteria for evaluating web UI design quality from a world-class designer perspective.

Comprehensive preprocessing techniques for Neuropixels neural recordings.

Comprehensive guide for creating publication-quality visualizations from Neuropixels data.

Comprehensive guide for creating publication-quality visualizations with scanpy.

**Core Principles**: - **Clarity over cleverness**: Information should be immediately comprehensible - **Guided autonomy**: Users feel supported but in control - **Progressive disclosure**: Show complexity only when needed - **Professional warmth**: Authoritative without being cold