Alpy
ChatGPT pluginAI builds, Alpy adds taste
How it works
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 ChatGPT and Codex 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 Use Alpy to create a polished website or app. 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 for this app.
Improve existing designs Use Alpy to refine UI, UX, typography, usability, and accessibility while preserving its core functionality.
What’s included
User interface skills Shape clear layouts, readable typography, balanced spacing, and consistent visual details with the interface design skills listed in the Skills section below.
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
Audit
- Accessibility
- Design System
- Responsive Behavior
- Featured
- No
not on the featured shelf
Movement
From our daily snapshots over the last 30 days.
Rank by placement
Rank in Developer tools
In its category
How this plugin compares with others in the same category. Positions are counted within the category, not across the whole directory.
Developer tools710th of 742 by placement
| # | Plugin | Position | 7d |
|---|---|---|---|
| 708 | #8412 | — | |
| 709 | #8413 | — | |
| 710 | #8424 | — | |
| 711 | #8441 | — | |
| 712 | #8521 | — |
Example prompts
- “Use Alpy to create a polished website or app. Clarify the brief and visual direction, then build a responsive preview.”
- “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.”
Skills
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.
Show all 19Show fewer
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.
- Categories
- Made by
- HAKAN ERTAN · Website
- Sign-in
- On Install
- Availability
- Available
- Version
- 1.0.4
- Created
- October 14, 2026
- More info
- Sponsorship
- Promote this plugin