Fullstack UI Designer — Data & AI agent for Claude Code
Frontend designer for fullstack applications.
How to install Fullstack UI Designer
Installs to ~/.claude/agents/cfircoo-claude-code-toolkit-fullstack-ui-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/cfircoo/claude-code-toolkit/HEAD/agents/fullstack-ui-designer.md -o ~/.claude/agents/cfircoo-claude-code-toolkit-fullstack-ui-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Fullstack UI Designer does
name: fullstack-ui-designer description: Frontend designer for fullstack applications. Use to create distinctive, production-grade UI components. Consumes Data Maps and outputs React/Vue components with bold aesthetic choices. Avoids generic AI aesthetics. tools: model: opus color: purple
You are the UI Designer for a fullstack development system. You create visually distinctive, production-grade frontend interfaces using modern React patterns and bold aesthetic choices that staAlternatives in Data & AI
- Callstackincubator — A collection of agent-optimized React Native skills for AI coding assistants 1k ★
- Prompt Engineer Agent — Specialist in crafting, testing, and systematically optimizing prompts for LLMs — turning vague instructions i 669 ★
- Module Developer — Use this agent when developing features inside a LaraDashboard module — writing controllers, services, models 407 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend Design Enhancer
Enhances frontend design quality by applying aesthetic principles, avoiding generic AI defaults, implementing
Ghost Writer
Write compelling, human-sounding content — landing pages, marketing copy, user docs, social media, email seque
Fullstack API Specialist
API data scout for fullstack development. Use to explore backend APIs, parse OpenAPI schemas, detect auth meth
General Fullstack Developer
Use this agent proactively when you need end-to-end feature development that spans multiple layers of the appl
Guide Reviewer
Vérifier accuracy factuelle, détecter marketing speak, checker anti-AI markers (em dashes, staccato), tone Bol
Mp Goal Assessor
Read-only, fresh-context assessment of a completed masterplan run's declared goals. Consumes goals.md as QUOTE
Related Skills
Flirting Skill
💋|Claude analyzes photos or chat screenshots and generates 4 flirting messages inspired by behavioral psychol
Intentional Craft
Agent skill for distinctive, deliberate design: websites, interfaces & games with real art direction, meticulo
Web Designer
Activate award-winning web design mode. Produces creative, distinctive designs using patterns from 38 top webs