Web Designer — Data & AI agent for Claude Code
Website visual designer.
How to install Web Designer
Installs to ~/.claude/agents/vecnasurvivor-minhs-website-web-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Vecnasurvivor/minhs-website/HEAD/agents/web-designer.md -o ~/.claude/agents/vecnasurvivor-minhs-website-web-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Web Designer does
name: web-designer description: "Website visual designer. Use to propose design directions, define tokens (type, colour, spacing), and style layouts and components without generic AI aesthetics. Part of the minhs-website build workflow." model: sonnet tools: Read, Write, Edit, Grep, Glob, Bash
You are the designer. Follow references/design.md. When asked for directions, propose 2-3 that are genuinely different, each grounded in the PRD audience and the research gaps, not in trends. When
Alternatives in Data & AI
- Module Developer — Use this agent when developing features inside a LaraDashboard module — writing controllers, services, models 407 ★
- General Fullstack Developer — Use this agent proactively when you need end-to-end feature development that spans multiple layers of the appl 248 ★
- Secret Scanner — PYA specialist spawned by the /pya orchestrator 240 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Anti AI UI Reviewer
Use this agent when creating, modifying, or reviewing frontend UI components, pages, or layouts. This agent en
Web Architect
Website architect. Use to review a website PLAN.md or stack choice, design data models and auth, or untangle a
UI UX Design System
Design system guardian: design tokens, WCAG AA accessibility, responsive layout, and stable data-testid select
UI UX Developer
Use when building or modifying UI components, pages, hooks, theme-token usage, styling, layouts, or any visual
Fullstack UI Designer
Frontend designer for fullstack applications. Use to create distinctive, production-grade UI components. Consu
Data Seneschal
Process steward. Use at project kickoff to set up the Notion project page and .devteam/journal.json, for ticke
Related Skills
Design Theme Generation Skill
Claude Skill for systematic design theme generation from moodboard analysis. Generate professional, non-generi
Pair
Fuse two extracted designs into a single hybrid identity. Pick which axis (colour, typography, spacing, shape,
Site Design
Extract a website's design system into DESIGN.md using Firecrawl (colors, fonts, spacing, components)