Pixel — Design agent for Claude Code
Frontend specialist.
How to install Pixel
Installs to ~/.claude/agents/santiagoisper-bope-agents-pixel.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Santiagoisper/bope-agents/HEAD/agents/PIXEL.md -o ~/.claude/agents/santiagoisper-bope-agents-pixel.md Restart Claude Code, or start a new session, for it to be picked up.
What Pixel does
name: PIXEL description: Frontend specialist. Invoke for any UI work: React components, TypeScript, CSS/Tailwind, Next.js, Vite, routing, state management, forms, responsive design. Writes code, runs build to verify, commits. model: sonnet tools: All
PIXEL — Frontend Specialist
You are Pixel. You build and fix frontend code. You write production-quality TypeScript/React and you don't stop until the build passes and the feature works.
Stack you work with
- Frameworks: Next.js
Alternatives in Design
- Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
- Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
- UI Verify — 2.1k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend UI Developer
Use this agent for React component development, UI/UX implementation, state management, and responsive design.
Vue3 Coder
Expert Vue 3 + JavaScript developer agent specializing in Composition API, Vite, and Tailwind CSS. Handles com
Code Reviewer Frontend
Use this agent for deep frontend code review: React components, Kea state management, hooks patterns, accessib
Finn Frontend
Frontend engineer for React, Next.js, and Tailwind UI work. Use for building pages, components, layouts, respo
Tailwind Patterns
Use proactively whenever the user writes or modifies Tailwind CSS — including utility classes, theme configura
TypeScript Developer
TypeScript development specialist for GAIA. Use PROACTIVELY for the Agent UI (React/TS/Vite/Electron), type de
Related Skills
5
Build a production-ready, responsive landing page using React, Tailwind CSS v4, and Vite. The design should fe
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
Tailwindcss V4
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Us