Reviews and fixes animation performance in React apps using Framer Motion / motion/react. Identifies layout thrashing, recommends GPU-accelerated properties, optimizes spring configs, and prevents janky interactions.
Use when implement.md determines a Blade page/screen implementation — frame-level Figma nodes or multi-component designs in Razorpay projects. Handles pattern matching, get_figma_to_code conversion, asset materialization, variant validation, and Blade score validation via blade-reviewer. Dispatched by implement.md, not directly by users.
Reviews UI code for design quality, accessibility (WCAG 2.1), Blade compliance (95%+ score target), animation performance, and visual hierarchy. Use proactively after UI changes, or when asked to "review my UI", "check accessibility", "audit design".
Reviews GLSL/shader files for GPU performance, WebGL/WebGPU compatibility, overdraw risk, texture fetch efficiency, branching costs, and mobile compatibility. Use when editing .glsl, .frag, .vert files with 20+ lines changed, or when asked to "review shader", "optimize shader", "check GLSL".
Use when reviewing Figma designs, screenshots, or web prototypes for B2B SaaS — especially Razorpay's Indian market products. Applies the 5F Framework (Fast, Focused, Fun, Fluent, Fair) with RICE prioritization, Saurabh Soni VP persona modes, and optional HeyMarvin evidence validation. Triggers on: Figma links, design images, "5F analysis", "design critique", "UX review".
Guide for building dashboard features at Razorpay — create, share, PR, ship.
Design review, a11y, UI implementation, motion, shader, polish, archaeology, prototypes, case studies.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A vault system for Claude Code. Gives Claude persistent memory, design intelligence, quality agents, and smart onboarding. Built for the design team at Razorpay.
/plugin marketplace add nawwwal/dex
/plugin install core@nawwwal-dex # everyone — setup, memory, workflow
/plugin install design@nawwwal-dex # designers — critique, dashboard, UI review
/plugin install tools@nawwwal-dex # optional — research, dev, creative tools
/dex setup
Add the marketplace once, then install the plugins you need. /dex setup reads your Slack and DevRev (with your permission) to generate a personalized CLAUDE.md and scaffold your memory structure.
| Category | Skills |
|---|---|
| Design | dashboard-design, critique-5f, design |
| Thinking | council, codex, deep-research |
| Development | tdd, react-doctor, agent-browser, agent-development |
| Workflow | assistant, ops, today, switch-project |
| Writing | writing-skills, beautiful-mermaid, generate-image |
| Meta | dex, self-review-gather, reflect-others |
Specialized subagents Claude spawns automatically: code reviewer, design reviewer, blade implementer, standup writer, sprint planner, animation expert, Next.js expert, GLSL reviewer, and more.
/dex setup creates this structure (one-time, outside the plugin):
~/.claude/
├── CLAUDE.md ← personalized identity + behavioral rules
├── TASKS.md ← task tracking
├── memory/ ← 20 files: goals, patterns, decisions, voice, projects, etc.
├── career/ ← promotion case, evidence
├── log/ ← session journals
├── sessions/ ← session state persistence
├── config/ ← project registry
├── work/ ← project workspaces
├── archive/ ← archived decisions, patterns
└── people/ ← people profiles
memory/projects.md is a lightweight index that points into work/ for project context.
Plugin files are managed by the plugin system. To customize a skill or agent:
~/.claude/skills/ or ~/.claude/agents/Your customizations are never overwritten by plugin updates.
Dex does not require ~/.agents/skills or ~/.agents/agents to mirror ~/.claude/.
Leave ~/.agents/ available for tools that manage their own installs there.
If you're developing dex (editing skills, agents, templates):
Working directory: Always ~/dex/.
After editing: Start a new Claude session or run /reload-plugins. Changes are live.
Release maintenance is project-local, not part of the shipped plugin.
dex setup workflow..claude/skills/dex/ and .codex/skills/dex/.When you're ready to push updates to teammates:
/dex release tools # patch bump tools
/dex release tools minor # minor bump tools
/dex release tools major # major bump tools
The project-level release skill bumps the selected plugin version, updates marketplace metadata, commits, tags, pushes, and creates a GitHub Release with changelog notes. Teammates update with:
/plugin update dex@nawwwal-dex
/plugin update core@nawwwal-dex
/plugin update design@nawwwal-dex
/plugin update tools@nawwwal-dex
Or reload plugins in an active session:
/reload-plugins
npx claudepluginhub nawwwal/dex --plugin designMemory scaffolding, core workflow, and onboarding
Research, dev tools, creative tools, writing
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
🎨 UX Designer — User Experience Designer + UI Specialist
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
Agents for UI/UX design, accessibility, and user experience optimization
Local-first design app · 139 skills + 150 DESIGN.md systems · exposes projects/files/preview tools to your coding agent over stdio MCP. Requires the `od` daemon on PATH.
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design