Alpy MCP

Build apps and websites with AI, using Alpy’s customizable design system and UI, UX, and web design skills. Your connected Alpy Library brings design tokens, React and Vue components, and website styles into Claude to guide consistent, distinctive interfaces.

Start with an idea, a reference, or an existing interface. Your AI helps clarify the goals, audience, content, and constraints. Approve the brief and visual direction before building, then review and refine the result with Alpy’s design guidance.

What else can you do?

Create polished websites and apps Clarify the brief and visual direction, then build a responsive preview.

Build a design system Use Alpy Library’s tokens and components to build a consistent design system.

Improve existing designs Refine UI, UX, typography, usability, and accessibility while preserving core functionality.

What’s included

User interface skills

• Alignment
• Balance
• Border and Divider
• Color Discipline
• Elevation
• Gestalt
• Grid and Layout
• Motion and Transition
• Rhythm and Space
• Scale and Proportion
• Typography and Readability
• Visual Hierarchy

User experience skills

• User-centricity
• Usability
• Consistency
• Context
• Hierarchy
• Navigation and orientation
• Simplicity
• Cognitive load
• User control
• Feedback and closure
• Error prevention and recovery
• Readability and scannability

Website styles

• Academia
• Art Deco
• Bauhaus
• Bento Grid
• Bold Typography
• Cyberpunk
• Flat Design
• Grunge / Punk
• Luxury
• Modern Dark
• Monochrome
• Neo Brutalism
• Neumorphism
• Parallax
• Playful Geometric
• Retro
• SaaS
• Sketch
• Swiss
• Terminal
• Vaporwave

Hero templates

• Stacked – Media
• Stacked – Bento
• Stacked – Carousel
• Split-column
• Split-column – Collage
• Input-capture
• Product preview
• Full-bleed media
• Mosaic
• Bento grid
• Carousel
• Oversized typography
• Before-and-after / comparison
• Social-proof-led

Audit

• Accessibility
• Design System
• Responsive Behavior