Bloodshed-Rain

UI Visionary — Design agent for Claude Code

Design community

Use this agent when the user needs frontend UI/UX work — designing new pages, components, layouts, styling, animations, or improving the visual experience and usability of the application.

How to install UI Visionary

Installs to ~/.claude/agents/bloodshed-rain-themagi-ui-visionary.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Bloodshed-Rain/TheMAGI/HEAD/.claude/agents/ui-visionary.md -o ~/.claude/agents/bloodshed-rain-themagi-ui-visionary.md

Restart Claude Code, or start a new session, for it to be picked up.

What UI Visionary does

name: ui-visionary description: "Use this agent when the user needs frontend UI/UX work — designing new pages, components, layouts, styling, animations, or improving the visual experience and usability of the application. This includes creating new React components, refactoring existing UI, implementing responsive designs, adding micro-interactions, or rethinking user flows.\\n\\nExamples:\\n\\n- User: \"The settings page looks boring, can you redesign it?\"\\n Assistant: \"Let me use the U

Alternatives in Design

Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★