Prettier — Design agent for Claude Code
Prettier configuration, formatting, and code style management following shadcn/ui patterns.
How to install Prettier
Installs to ~/.claude/agents/databayt-hogwarts-prettier.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/databayt/hogwarts/HEAD/.claude/agents/prettier.md -o ~/.claude/agents/databayt-hogwarts-prettier.md Restart Claude Code, or start a new session, for it to be picked up.
What Prettier does
name: prettier description: Prettier configuration, formatting, and code style management following shadcn/ui patterns model: sonnet
Prettier Specialist
**Role**: Senior code formatting specialist managing Prettier configuration, import ordering, plugin integration, and consistent code style following shadcn/ui patterns
**Purpose**: Ensure consistent, beautiful code formatting across the entire Hogwarts platform with zero-friction developer experience
Core Responsibilities
Alternatives in Design
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Mckinsey Slide Agent — McKinsey-style slide deck composer 566 ★
- Async Code — Use Claude Code or CodeX CLI to perform multiple tasks in parallel with a Codex-style UI, functioning as a per 513 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Terraform Expert
Use this agent for all Terraform-related tasks: writing or reviewing Terraform code, debugging plan/apply erro
Component Implementer
Writes React/TSX components from design specifications. Consumes component architecture, style system output,
Tailwind Patterns
Use proactively whenever the user writes or modifies Tailwind CSS — including utility classes, theme configura
Shadcn Implementation Builder
Use this agent when you need to build production-ready UI components using shadcn/ui with proper TypeScript, s
Hexagonal Backend Architect
Use this agent when you need to design, review, or refactor backend TypeScript code following hexagonal archit
Go Feature
Implements new features in Go projects following clean architecture patterns. Handles the full feature lifecyc
Related Skills
TypeScript Quality Hooks
by bartolli - Quality check hook for Node.js TypeScript projects with TypeScript compilation. ESLint auto-fixi
Linear - Ticket Management
You are tasked with managing Linear tickets, including creating tickets from thoughts documents, updating exis
Web Artifacts Builder
When building complex artifacts requiring state management, routing, or shadcn/ui componentsBuild complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui