Loading...
Loading...
Found 21 Skills
Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
[Fix & Debug] ⚡⚡ Analyze and fix UI issues
Instructions for implementing Lenis smooth scrolling in a Next.js or React application.
Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers the TON ecosystem, Telegram Web App API, payments, user authentication, and building viral mini apps that monetize. Use when: telegram mini app, TWA, telegram web app, TON app, mini app.
Ramp's UI design system. Use when building interfaces inspired by Ramp's aesthetic - light mode, Inter font, 4px grid.
Substack's UI design system. Use when building interfaces inspired by Substack's aesthetic - light mode, Inter font, 4px grid.
Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.
The definitive guide for building Hypermedia-Driven Applications (HDA) using HTMX, prioritizing security and UX patterns.
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits