lucasxf

Pixl — Design agent for Claude Code

Design community

Use this agent when designing web or mobile app UI/UX, creating Next.js pages or Expo screens, improving user experience, or making design decisions.

How to install Pixl

Installs to ~/.claude/agents/lucasxf-engineering-daybook-pixl.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/lucasxf/engineering-daybook/HEAD/.claude/agents/pixl.md -o ~/.claude/agents/lucasxf-engineering-daybook-pixl.md

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

What Pixl does

name: pixl description: Use this agent when designing web or mobile app UI/UX, creating Next.js pages or Expo screens, improving user experience, or making design decisions. Trigger when user mentions UI, screens, components, design, layout, colors, typography, accessibility, or user experience. Examples - User: "I need to design the POK creation screen" → Use this agent. User: "How should I layout the knowledge feed?" → Use this agent. User: "This screen feels cluttered" → Use this agent. m

Alternatives in Design

Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Software Architect Agent — Expert software architect specializing in system design, domain-driven design, architectural patterns, and tec 669 ★
Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★