AI builds, Alpy adds taste
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 your AI to guide consistent, distinctive interfaces. More
What you can ask Use Alpy to create a polished website or app. Clarify the brief and visual direction, then build a responsive preview. Copy
Example path get_alpy_library_index Website Styles skill
Use Alpy Library’s tokens and components to build a consistent design system for this app. Use Alpy to refine UI, UX, typography, usability, and accessibility while preserving its core functionality. MCP connector Server URL https://www.alpymcp.com/alpy-mcpCopy Login OAuth Tools Reads data4 get_ get_ get_ get_
Skills 19 in the ChatGPT listing
Accessibility Audit Apply Alpy Accessibility Audit when reviewing an interface for accessibility across supported tasks, states, and input methods. Alignment Apply Alpy Alignment when designing or reviewing shared edges, baselines, component alignment, and visual consistency. Balance Apply Alpy Balance when designing or reviewing composition, visual weight, and balance across interface regions. Border and Divider Apply Alpy Border and Divider when defining or reviewing interface boundaries, dividers, border treatments, and separation. Canonical Design System Use Alpy Canonical Design System when resolving foundations, type, palettes, semantic tokens, component tokens, components, or validation for a connected library. Color Discipline Apply Alpy Color Discipline when creating, changing, or reviewing interface color roles, surfaces, contrast, and consistency. Elevation Apply Alpy Elevation when designing or reviewing surface layering, depth, and canonical shadow treatments. Gestalt Apply Alpy Gestalt when designing or reviewing perceptual grouping, relationships, and coherent interface composition. Grid and Layout Apply Alpy Grid and Layout when structuring interface regions, grids, columns, spans, and layout families. Hero Apply Alpy Hero when designing or refining a homepage or landing-page opening and choosing its confirmed structure. Motion and Transition Apply Alpy Motion and Transition when designing or reviewing motion, animation, transitions, interruption, and reduced-motion behavior. Responsive Adaptation Apply Alpy Responsive Adaptation when adapting a confirmed interface across viewports, content conditions, and input contexts. Rhythm and Space Apply Alpy Rhythm and Space when designing or reviewing spacing, density, grouping, and static page pacing. Scale and Proportion Apply Alpy Scale and Proportion when sizing interface regions and balancing relationships around real content. Typography and Readability Apply Alpy Typography and Readability when designing or reviewing visible text, type roles, reading comfort, and text hierarchy. UI Design Apply Alpy UI Design when composing or reviewing an interface using canonical components, tokens, and coordinated UI skills. User Experience Apply Alpy user-experience guidance when designing or reviewing journeys, navigation, interactions, feedback, and recovery. Visual Hierarchy Apply Alpy Visual Hierarchy when designing or reviewing confirmed priorities, emphasis, attention, and reading order. Website Styles Apply Alpy Website Styles when choosing or implementing a confirmed website visual direction; read the selected style and its declared dependencies. 
Replit#122
Three.js 3D Viewer#184