MCP App Store
by KeenEthics

Overview

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

Tools

get_alpy_components

ChatGPT
Read canonical component contracts and mode-specific token bindings by exact component ID; missing IDs remain explicit. Optionally request framework react or vue for TypeScript browser component source, supporting components, CSS and declared peer dependencies from the authenticated library. Import the returned CSS once and pass the explicit mode to components. Use a client-only boundary in server-rendered applications. Catalog links show default canonical previews, not private overrides. The client applies files and installs dependencies. Successful calls update Alpy usage statistics.

get_alpy_library_index

ChatGPT
Returns the complete Alpy MCP capabilities overview as display-ready Markdown with headings, tables, and links: the four tools, website styles, UI and UX skills, hero structures, components, and design tokens. Use it for Alpy capabilities, tool, or skill lists. Structured content also includes library identity, revision, mode, agent instructions, skill names, component IDs, token IDs, and React/Vue preview links for the requested light or dark mode. Successful calls update Alpy usage statistics.

get_alpy_skill

ChatGPT
Read one canonical Alpy skill by its exact case- and punctuation-sensitive visible name, and optionally return canonical Markdown references declared by that skill. Successful calls update Alpy usage statistics.

get_alpy_tokens

ChatGPT
Read canonical semantic color, typography, and number tokens by exact ID for an explicit mode; missing and unresolved IDs remain explicit.

Example Prompts

Click any prompt to copy it.

Similar Apps