Alpy MCP

Developers, builders, designers. You shouldn't spend tons of tokens fixing sloppy AI-generated UI and website designs. Alpy gives you a token-bound design system, 37 UI and UX design skills. Claude code connector (Opus 5.5) claude.ai/directory/alpy-mcp Codex plugin (GPT-6.1 Sol and Terra: chatgpt.com/plugins/plugin_a… Alpy MCP: alpymcp.com/ai-taste#ai-tast… UI design skills - Rhythm and Space - Motion and Transition - Grid and Layout - Alignment - Scale and Proportion - Visual Hierarchy - Balance - Gestalt - Color Discipline - Typography and Readability - Border and Divider - Elevation Gestalt principles - Proximity - Similarity - Continuity - Closure - Figure and ground 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

Human craft, sharp taste. 10 picks a day. @Danetag Shopify Editions Fall 2026, plus a thread on how it was built. teapawt.org/Danetag/status/2115825… @brice_deg A sneak peek of a three.js portfolio lab, built with TSL. teapawt.org/brice_deg/status/21158… @egorvert A running-stitch loader that grew into a whole set of sewing loaders you can make yourself. teapawt.org/egorvert/status/211584… @obys_agency A new personal site for @sryaaditya_, built on typography, motion, and interaction. teapawt.org/obys_agency/status/211… @camillerouxart 7,902 generative editions on one wall, each runnable live from its original code. teapawt.org/camillerouxart/status/… @GaloAndStuff A personal website rebuilt as a node-based archive app. teapawt.org/GaloAndStuff/status/21… @enesozturkdev Scroll edges that fold away, built with HTML-in-Canvas. teapawt.org/enesozturkdev/status/2… @ty_kra_lab Chasing the feel of iOS on the web, down to how glass bends light. teapawt.org/ty_kra_lab/status/2115… @studiobakers User cards for Branch: glitched floral art over clean ID-badge type. teapawt.org/studiobakers/status/21… @krispuckett A poster site where the faster you scroll, the faster Shadowfax runs. teapawt.org/krispuckett/status/211…

Human craft, sharp taste. 10 picks a day. @matejamarso A full site for Flashnet that makes moving crypto across networks feel alive. teapawt.org/matejamarso/status/211… @dev_ya Resolved comments fold back into their author and stay pinned, one click to reopen. teapawt.org/dev_ya/status/21154693… @kyleanthony Brand identity for Particle, Suhail's new company. teapawt.org/kyleanthony/status/211… @nickbakeddesign A landing page exploration for Stoa, with product cards set inside classical arches. teapawt.org/nickbakeddesign/status… @FaizalSukaimi A shadcn data grid with a dot-matrix trend above every column. teapawt.org/FaizalSukaimi/status/2… @chisajoboson A new home for UDI Foundry, an independent foundry making African typefaces. teapawt.org/chisajoboson/status/21… @designbyaron Branding meets trading card game, built entirely in code. teapawt.org/designbyaron/status/21… @AlbiaHossain Serif type and a lily illustration make an AI hero feel warm, not cold. teapawt.org/AlbiaHossain/status/21… @FredWanders Isometric illustrations make a $50M+ business's complex offering clear at a glance. teapawt.org/FredWanders/status/211… @KoiGeorgi Claude plus the Framer MCP now updates a ceramics portfolio from a chat. teapawt.org/KoiGeorgi/status/21154…

10 designs from yesterday worth your time. @darkroomdevs Identity, 3D, motion and site for Harbor, a company insuring AI agents. teapawt.org/darkroomdevs/status/21… @nizamdesign A margin dashboard with a waterfall that explains why it's under target. teapawt.org/nizamdesign/status/211… @karimsaif0 A Framer button with magnetic, liquid-metal spikes that react to the cursor. teapawt.org/karimsaif0/status/2115… @BenjaminUIX A cycling site hero with an illustrated forest trail beside the headline. teapawt.org/BenjaminUIX/status/211… @adamhmwn Airbnb-style filters for a real estate template, designed with Figma and Claude. teapawt.org/adamhmwn/status/211507… @johnny_lam_ Brush-stroke texture brings character back to an insurance renewal screen. teapawt.org/johnny_lam_/status/211… @kevserctk A hero section animation for an AI agents app, with the product UI beside the headline. teapawt.org/kevserctk/status/21150… @edral_studio A traffic and latency chart for a monitoring SaaS, with a two-metric tooltip. teapawt.org/edral_studio/status/21… @the0teo A founder-funding site that walks from application to money in the bank. teapawt.org/the0teo/status/2115066… @sab8a Four AI products, one playbook: centered chat box, left menu, gradient background. teapawt.org/sab8a/status/211506618…

Went through ~4,000 posts yesterday. These are my 10 picks. @nunowar A php.net homepage and docs redesign, shipped with a live preview. teapawt.org/nunowar/status/2114726… @GijoVarghese_ Landscape video on desktop, a portrait cut on mobile. teapawt.org/GijoVarghese_/status/2… @eduardbodak A clip-path curtain reveal, and why it stays off on mobile. teapawt.org/eduardbodak/status/211… @leodev 52 open-source dithered shaders, down to charts and shadcn components. teapawt.org/leodev/status/21146887… @adamho Procedural brand elements and floating cards shape the new fal.ai. teapawt.org/adamho/status/21147590… @dogukanui A headless React lightbox with pinch zoom and pull to dismiss. teapawt.org/dogukanui/status/21147… @eliakuratli An agent approval queue that shows the SQL right next to Approve. teapawt.org/eliakuratli/status/211… @MSchwaibold Spring-loaded carousels and grass shaders, with the repo shared. teapawt.org/MSchwaibold/status/211… @volkmanndario Sticker badges and a floating bottom nav on an Awwwards-nominated studio site. teapawt.org/volkmanndario/status/2… @jamesm A tools page where every card runs a tiny working demo. teapawt.org/jamesm/status/21147743…

Developers and builders, you shouldn't spend tons of tokens fixing sloppy AI-generated UI and website designs. Want your AI to create beautiful interfaces that follow UI design principles and best practices? Give Alpy a try. It's a free MCP. Codex plugin: chatgpt.com/plugins/plugin_a… Alpy MCP: alpymcp.com/ai-taste#ai-tast… UI design skills - Rhythm and Space - Motion and Transition - Grid and Layout - Alignment - Scale and Proportion - Visual Hierarchy - Balance - Gestalt - Color Discipline - Typography and Readability - Border and Divider - Elevation Gestalt principles - Proximity - Similarity - Continuity - Closure - Figure and ground 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

Give Codex better taste in UX and UI with Alpy plugin chatgpt.com/plugins/plugin_a…

We're building new Alpy Hero skills. Open the prototype below, turn the sound on, hover ALTER and enjoy the photo shooting. Prototype: alpymcp.com/heroes/full-blee…

Went through 3,176 posts yesterday. These are my 10 design picks. @emrekayganaci Web buttons with the texture of a 3D print. teapawt.org/emrekayganaci/status/2… @seb__design An animated assembly line replaces standard landing-page sections. teapawt.org/seb__design/status/211… @uiuxbytestimony Nigerian cultural history through paper notes and cassette cards. teapawt.org/uiuxbytestimony/status… @DilumSanjaya Interactive circuits turn Arduino lessons into a visual playground. teapawt.org/DilumSanjaya/status/21… @studiobakers Oversized oval photography anchors a restrained website layout. teapawt.org/studiobakers/status/21… @sid_srk Molten motion gives a minerals website its visual identity. teapawt.org/sid_srk/status/2112619… @devdevcharlie Abandoned web pages grow vines you can slash away. teapawt.org/devdevcharlie/status/2… @michal_gren Opening doors and lush greenery frame an agency hero. teapawt.org/michal_gren/status/211… @Nuzairb A purple 3D form connects the scrolling website. teapawt.org/Nuzairb/status/2112479… @matthijsMmaas Tufte-inspired typography brings editorial clarity to a personal site. teapawt.org/matthijsMmaas/status/2…

2,900+ posts checked yesterday. These 10 caught my eye. @oliver_gareis Blackletter meets angular type in bold racing layouts. teapawt.org/oliver_gareis/status/2… @Maomie17 Cultural storytelling through a drum tuner and oversized typography. teapawt.org/Maomie17/status/211217… @sashabirukoff Spreadsheet grids become the website’s visual language. teapawt.org/sashabirukoff/status/2… @danbillson An interactive layered diagram explains system architecture. teapawt.org/danbillson/status/2112… @jesper_alpacka Cursor-reactive creases make an entire page feel tactile. teapawt.org/jesper_alpacka/status/… @konrad_designs Technical-documentation styling gives a robotics site its identity. teapawt.org/konrad_designs/status/… @sarahli Purple pixel art adds personality to a minimal portfolio. teapawt.org/sarahli/status/2112308… @aaapinen Shared corner geometry makes nested controls feel balanced. teapawt.org/aaapinen/status/211211… @shedsgns Delay the first hint; reveal subsequent hints instantly. teapawt.org/shedsgns/status/211226… @ckeditor Coherent themes extend through menus, dialogs and comments. teapawt.org/ckeditor/status/211224…

New skill: Playful shapes web design style A nice way to avoid Opus 5.5 and GPT-6.1 Sol UI design patterns. It uses the UI design principle skills including Rhythm and Space, Motion and Transition, Typography and Readability, and 10 more principles. Protyotype: alpymcp.com/ai-taste#ai-tast…

Everything has a taste but some good some bad. LLMs need way more time to have a taste most of humans like.

A dropdown can look polished until you open it. For your next AI-built website, ask for the closed, open and disabled states side by side. Review the menu spacing and selection states before approving the component.