
thedaviddias/ux-patterns-for-developers
108 skills246 installsGitHub
Install
npx skills add https://github.com/thedaviddias/ux-patterns-for-developersSkills in this repo
1Ux Patternsux-patterns is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.18installs2Buttonbutton is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.6installs3Autocompleteautocomplete is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.5installs4Toggletoggle is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.5installs5Accordionaccordion is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs6Breadcrumbbreadcrumb is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs7Chartchart is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs8Checkboxcheckbox is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs9Dashboarddashboard is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs10Linklink is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs11Modalmodal is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs12Notificationnotification is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs13Sidebarsidebar is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs14Skeletonskeleton is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs15Statisticsstatistics is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs16Textareatextarea is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs17Timelinetimeline is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs18Tooltiptooltip is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs19Wizardwizard is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.4installs20Ai Chatai-chat is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs21Ai Error Statesai-error-states is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs22Ai Loading Statesai-loading-states is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs23Ai Suggestionsai-suggestions is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs24Back To Topback-to-top is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs25Calendarcalendar is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs26Carouselcarousel is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs27Context Windowcontext-window is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs28Drag And Dropdrag-and-drop is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs29Megamenumegamenu is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs30Paginationpagination is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs31Passwordpassword is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs32Popoverpopover is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs33Radioradio is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs34Sliderslider is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs35Tabstabs is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs36Token Countertoken-counter is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.3installs37Checkoutcheckout is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs38Code Confirmationcode-confirmation is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs39Color Pickercolor-picker is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs40Command Palettecommand-palette is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs41Comment Systemcomment-system is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs42Comparison Tablecomparison-table is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs43Cookie Consentcookie-consent is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs44Currency Inputcurrency-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs45Date Inputdate-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs46Date Rangedate-range is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs47Expandable Textexpandable-text is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs48Filter Panelfilter-panel is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs49Hambuger Menuhambuger-menu is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs50Image Galleryimage-gallery is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs51Image Uploadimage-upload is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs52List Viewlist-view is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs53Loginlogin is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs54Multi Select Inputmulti-select-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs55Password Resetpassword-reset is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs56Product Cardproduct-card is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs57Rating Inputrating-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs58Signature Padsignature-pad is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs59Signupsignup is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs60Social Loginsocial-login is a Claude Code skill for marketing & seo. It helps solo builders move faster with AI-assisted coding.2installs61Tabletable is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs62Time Inputtime-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs63Two Factortwo-factor is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs64User Profileuser-profile is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs65Ux Patterns Globalux patterns global is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs66Account Settingsaccount-settings is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs67Activity Feedactivity-feed is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs68Ai Chat Interfaceai chat interface is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs69Calendar Viewcalendar view is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs70Card Gridcard-grid is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs71Charts & Graphscharts & graphs is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs72Checkout Flowcheckout flow is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs73Dashboard Layoutdashboard layout is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs74Data Tabledata table is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs75Date Pickerdate-picker is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs76Empty Statesempty-states is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs77File Inputfile-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs78Form Validationform-validation is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs79Hamburger Menuhamburger menu is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs80Infinite Scrollinfinite-scroll is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs81Kanban Boardkanban-board is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs82Like Buttonlike-button is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs83Loading Indicatorloading-indicator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs84Load Moreload-more is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs85Login Formlogin form is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs86Model Selectormodel-selector is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs87Navigation Menunavigation-menu is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs88Phone Numberphone-number is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs89Progress Indicatorprogress-indicator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs90Prompt Inputprompt-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs91Radio Buttonradio button is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs92Response Feedbackresponse-feedback is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs93Rich Text Editorrich-text-editor is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs94Search Fieldsearch-field is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs95Search Resultssearch-results is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs96Selection Inputselection-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs97Share Dialogshare-dialog is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs98Shopping Cartshopping-cart is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs99Sign Up Flowsign up flow is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs100Statistics Displaystatistics display is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs101Streaming Responsestreaming-response is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs102Tag Inputtag-input is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs103Text Fieldtext-field is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs104Tree Viewtree-view is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs105Two Factor Authenticationtwo-factor authentication is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs106Upstash Ratelimit Tsupstash-ratelimit-ts is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs107Video Playervideo-player is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs108Wizard / Stepperwizard / stepper is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.1installs