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
No AI slop. Only human craft and sharp taste.
10 picks that stood out yesterday:
@me____likex
A website full of gummies, dressed up for Halloween.
nitter.cf/me____likex/status/211…
@vansh1029
Cards that bend with your scroll speed, vertex by vertex, in live WebGL.
nitter.cf/vansh1029/status/21161…
@faydkr
New API method badges for Mintlify, moved off alert colors so PUT and DELETE stop reading as warnings.
nitter.cf/faydkr/status/21161784…
@codrops
Eleven scroll-driven ways to animate the edge between two sections, with GSAP, WebGL, and canvas.
nitter.cf/codrops/status/2116144…
@stevelauda_
A checkbox that grins back for Halloween.
nitter.cf/stevelauda_/status/211…
@Jaenam97
A shader breakdown editor built in Framer, starting with a holo glass card.
nitter.cf/Jaenam97/status/211617…
@yurygok
Dark security-console cards: device watch, recovery, and withdrawal guard.
nitter.cf/yurygok/status/2116097…
@cabralorenzo
An option wheel component that spins through a list of choices.
nitter.cf/cabralorenzo/status/21…
@shedsgns
A visualization of how an agent's context window fills up and compacts.
nitter.cf/shedsgns/status/211614…
@laurilllll
A portfolio with one switch that reveals its grid, spacing, type specs, and a live measure.
nitter.cf/laurilllll/status/2116…
Comment and like 👇 💬 ❤️
Human craft, sharp taste. 10 picks a day.
@Danetag
Shopify Editions Fall 2026, plus a thread on how it was built.
nitter.cf/Danetag/status/2115825…
@brice_deg
A sneak peek of a three.js portfolio lab, built with TSL.
nitter.cf/brice_deg/status/21158…
@egorvert
A running-stitch loader that grew into a whole set of sewing loaders you can make yourself.
nitter.cf/egorvert/status/211584…
@obys_agency
A new personal site for @sryaaditya_, built on typography, motion, and interaction.
nitter.cf/obys_agency/status/211…
@camillerouxart
7,902 generative editions on one wall, each runnable live from its original code.
nitter.cf/camillerouxart/status/…
@GaloAndStuff
A personal website rebuilt as a node-based archive app.
nitter.cf/GaloAndStuff/status/21…
@enesozturkdev
Scroll edges that fold away, built with HTML-in-Canvas.
nitter.cf/enesozturkdev/status/2…
@ty_kra_lab
Chasing the feel of iOS on the web, down to how glass bends light.
nitter.cf/ty_kra_lab/status/2115…
@studiobakers
User cards for Branch: glitched floral art over clean ID-badge type.
nitter.cf/studiobakers/status/21…
@krispuckett
A poster site where the faster you scroll, the faster Shadowfax runs.
nitter.cf/krispuckett/status/211…
Human craft, sharp taste. 10 picks a day.
@Danetag
Shopify Editions Fall 2026, plus a thread on how it was built.
nitter.cf/Danetag/status/2115825…
@brice_deg
A sneak peek of a three.js portfolio lab, built with TSL.
nitter.cf/brice_deg/status/21158…
@egorvert
A running-stitch loader that grew into a whole set of sewing loaders you can make yourself.
nitter.cf/egorvert/status/211584…
@obys_agency
A new personal site for @sryaaditya_, built on typography, motion, and interaction.
nitter.cf/obys_agency/status/211…
@camillerouxart
7,902 generative editions on one wall, each runnable live from its original code.
nitter.cf/camillerouxart/status/…
@GaloAndStuff
A personal website rebuilt as a node-based archive app.
nitter.cf/GaloAndStuff/status/21…
@enesozturkdev
Scroll edges that fold away, built with HTML-in-Canvas.
nitter.cf/enesozturkdev/status/2…
@ty_kra_lab
Chasing the feel of iOS on the web, down to how glass bends light.
nitter.cf/ty_kra_lab/status/2115…
@studiobakers
User cards for Branch: glitched floral art over clean ID-badge type.
nitter.cf/studiobakers/status/21…
@krispuckett
A poster site where the faster you scroll, the faster Shadowfax runs.
nitter.cf/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.
nitter.cf/matejamarso/status/211…
@dev_ya
Resolved comments fold back into their author and stay pinned, one click to reopen.
nitter.cf/dev_ya/status/21154693…
@kyleanthony
Brand identity for Particle, Suhail's new company.
nitter.cf/kyleanthony/status/211…
@nickbakeddesign
A landing page exploration for Stoa, with product cards set inside classical arches.
nitter.cf/nickbakeddesign/status…
@FaizalSukaimi
A shadcn data grid with a dot-matrix trend above every column.
nitter.cf/FaizalSukaimi/status/2…
@chisajoboson
A new home for UDI Foundry, an independent foundry making African typefaces.
nitter.cf/chisajoboson/status/21…
@designbyaron
Branding meets trading card game, built entirely in code.
nitter.cf/designbyaron/status/21…
@AlbiaHossain
Serif type and a lily illustration make an AI hero feel warm, not cold.
nitter.cf/AlbiaHossain/status/21…
@FredWanders
Isometric illustrations make a $50M+ business's complex offering clear at a glance.
nitter.cf/FredWanders/status/211…
@KoiGeorgi
Claude plus the Framer MCP now updates a ceramics portfolio from a chat.
nitter.cf/KoiGeorgi/status/21154…
Resolve comment ✨
A resolved comment folds back into its author and stays pinned, faded. Click it to bring the thread back.
Built with @motiondotdev
10 designs from yesterday worth your time.
@darkroomdevs
Identity, 3D, motion and site for Harbor, a company insuring AI agents.
nitter.cf/darkroomdevs/status/21…
@nizamdesign
A margin dashboard with a waterfall that explains why it's under target.
nitter.cf/nizamdesign/status/211…
@karimsaif0
A Framer button with magnetic, liquid-metal spikes that react to the cursor.
nitter.cf/karimsaif0/status/2115…
@BenjaminUIX
A cycling site hero with an illustrated forest trail beside the headline.
nitter.cf/BenjaminUIX/status/211…
@adamhmwn
Airbnb-style filters for a real estate template, designed with Figma and Claude.
nitter.cf/adamhmwn/status/211507…
@johnny_lam_
Brush-stroke texture brings character back to an insurance renewal screen.
nitter.cf/johnny_lam_/status/211…
@kevserctk
A hero section animation for an AI agents app, with the product UI beside the headline.
nitter.cf/kevserctk/status/21150…
@edral_studio
A traffic and latency chart for a monitoring SaaS, with a two-metric tooltip.
nitter.cf/edral_studio/status/21…
@the0teo
A founder-funding site that walks from application to money in the bank.
nitter.cf/the0teo/status/2115066…
@sab8a
Four AI products, one playbook: centered chat box, left menu, gradient background.
nitter.cf/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.
nitter.cf/nunowar/status/2114726…
@GijoVarghese_
Landscape video on desktop, a portrait cut on mobile.
nitter.cf/GijoVarghese_/status/2…
@eduardbodak
A clip-path curtain reveal, and why it stays off on mobile.
nitter.cf/eduardbodak/status/211…
@leodev
52 open-source dithered shaders, down to charts and shadcn components.
nitter.cf/leodev/status/21146887…
@adamho
Procedural brand elements and floating cards shape the new fal.ai.
nitter.cf/adamho/status/21147590…
@dogukanui
A headless React lightbox with pinch zoom and pull to dismiss.
nitter.cf/dogukanui/status/21147…
@eliakuratli
An agent approval queue that shows the SQL right next to Approve.
nitter.cf/eliakuratli/status/211…
@MSchwaibold
Spring-loaded carousels and grass shaders, with the repo shared.
nitter.cf/MSchwaibold/status/211…
@volkmanndario
Sticker badges and a floating bottom nav on an Awwwards-nominated studio site.
nitter.cf/volkmanndario/status/2…
@jamesm
A tools page where every card runs a tiny working demo.
nitter.cf/jamesm/status/21147743…
We’ve redesigned FlyingPress.com ✨
FlyingPress has evolved quite a bit over the years, and I wanted the website to do a better job of showing what it does today.
flyingpress.com
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…
Went through 3,176 posts yesterday.
These are my 10 design picks.
@emrekayganaci
Web buttons with the texture of a 3D print.
nitter.cf/emrekayganaci/status/2…
@seb__design
An animated assembly line replaces standard landing-page sections.
nitter.cf/seb__design/status/211…
@uiuxbytestimony
Nigerian cultural history through paper notes and cassette cards.
nitter.cf/uiuxbytestimony/status…
@DilumSanjaya
Interactive circuits turn Arduino lessons into a visual playground.
nitter.cf/DilumSanjaya/status/21…
@studiobakers
Oversized oval photography anchors a restrained website layout.
nitter.cf/studiobakers/status/21…
@sid_srk
Molten motion gives a minerals website its visual identity.
nitter.cf/sid_srk/status/2112619…
@devdevcharlie
Abandoned web pages grow vines you can slash away.
nitter.cf/devdevcharlie/status/2…
@michal_gren
Opening doors and lush greenery frame an agency hero.
nitter.cf/michal_gren/status/211…
@Nuzairb
A purple 3D form connects the scrolling website.
nitter.cf/Nuzairb/status/2112479…
@matthijsMmaas
Tufte-inspired typography brings editorial clarity to a personal site.
nitter.cf/matthijsMmaas/status/2…
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…
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.
nitter.cf/emrekayganaci/status/2…
@seb__design
An animated assembly line replaces standard landing-page sections.
nitter.cf/seb__design/status/211…
@uiuxbytestimony
Nigerian cultural history through paper notes and cassette cards.
nitter.cf/uiuxbytestimony/status…
@DilumSanjaya
Interactive circuits turn Arduino lessons into a visual playground.
nitter.cf/DilumSanjaya/status/21…
@studiobakers
Oversized oval photography anchors a restrained website layout.
nitter.cf/studiobakers/status/21…
@sid_srk
Molten motion gives a minerals website its visual identity.
nitter.cf/sid_srk/status/2112619…
@devdevcharlie
Abandoned web pages grow vines you can slash away.
nitter.cf/devdevcharlie/status/2…
@michal_gren
Opening doors and lush greenery frame an agency hero.
nitter.cf/michal_gren/status/211…
@Nuzairb
A purple 3D form connects the scrolling website.
nitter.cf/Nuzairb/status/2112479…
@matthijsMmaas
Tufte-inspired typography brings editorial clarity to a personal site.
nitter.cf/matthijsMmaas/status/2…
2,900+ posts checked yesterday. These 10 caught my eye.
@oliver_gareis
Blackletter meets angular type in bold racing layouts.
nitter.cf/oliver_gareis/status/2…
@Maomie17
Cultural storytelling through a drum tuner and oversized typography.
nitter.cf/Maomie17/status/211217…
@sashabirukoff
Spreadsheet grids become the website’s visual language.
nitter.cf/sashabirukoff/status/2…
@danbillson
An interactive layered diagram explains system architecture.
nitter.cf/danbillson/status/2112…
@jesper_alpacka
Cursor-reactive creases make an entire page feel tactile.
nitter.cf/jesper_alpacka/status/…
@konrad_designs
Technical-documentation styling gives a robotics site its identity.
nitter.cf/konrad_designs/status/…
@sarahli
Purple pixel art adds personality to a minimal portfolio.
nitter.cf/sarahli/status/2112308…
@aaapinen
Shared corner geometry makes nested controls feel balanced.
nitter.cf/aaapinen/status/211211…
@shedsgns
Delay the first hint; reveal subsequent hints instantly.
nitter.cf/shedsgns/status/211226…
@ckeditor
Coherent themes extend through menus, dialogs and comments.
nitter.cf/ckeditor/status/211224…
Before Lagos had a broadcast tower, it had the dùndún. A drum that spoke across distance.
I built ARCHIVE on that idea:
Nigerian creative history as a city-wide signal you tune into, not a website you browse.
Link in comments.
#ARCHIVE #onetenchallenge #NigerianCreatives
2,900+ posts checked yesterday. These 10 caught my eye.
@oliver_gareis
Blackletter meets angular type in bold racing layouts.
nitter.cf/oliver_gareis/status/2…
@Maomie17
Cultural storytelling through a drum tuner and oversized typography.
nitter.cf/Maomie17/status/211217…
@sashabirukoff
Spreadsheet grids become the website’s visual language.
nitter.cf/sashabirukoff/status/2…
@danbillson
An interactive layered diagram explains system architecture.
nitter.cf/danbillson/status/2112…
@jesper_alpacka
Cursor-reactive creases make an entire page feel tactile.
nitter.cf/jesper_alpacka/status/…
@konrad_designs
Technical-documentation styling gives a robotics site its identity.
nitter.cf/konrad_designs/status/…
@sarahli
Purple pixel art adds personality to a minimal portfolio.
nitter.cf/sarahli/status/2112308…
@aaapinen
Shared corner geometry makes nested controls feel balanced.
nitter.cf/aaapinen/status/211211…
@shedsgns
Delay the first hint; reveal subsequent hints instantly.
nitter.cf/shedsgns/status/211226…
@ckeditor
Coherent themes extend through menus, dialogs and comments.
nitter.cf/ckeditor/status/211224…
Before Lagos had a broadcast tower, it had the dùndún. A drum that spoke across distance.
I built ARCHIVE on that idea:
Nigerian creative history as a city-wide signal you tune into, not a website you browse.
Link in comments.
#ARCHIVE #onetenchallenge #NigerianCreatives
New skill: Grunge 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/websites/Grunge/…
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…









