Frontend
The best skills for engineering-related work, like building, testing, reviewing and shipping software.
webgl-depth-gallerynexu-io/open-designBuild a scroll-reactive 3D image gallery in Three.js with crossfades and a cursor trail★105K
webgl-depth-galleryBuild a scroll-reactive 3D image gallery in Three.js with crossfades and a cursor trail
webgl-distortion-grainnexu-io/open-designBuild a Three.js gallery where scroll bends the planes and film grain sits on top★105K
webgl-distortion-grainBuild a Three.js gallery where scroll bends the planes and film grain sits on top
webgl-experiencenexu-io/open-designBuild full-screen WebGL experiences with shaders, 3D scenes and particle fields★105K
webgl-experienceBuild full-screen WebGL experiences with shaders, 3D scenes and particle fields
webgl-halftone-driftnexu-io/open-designBuild a WebGL2 hero with a flowing field shown through a halftone dot grid★105K
webgl-halftone-driftBuild a WebGL2 hero with a flowing field shown through a halftone dot grid
webgl-holographic-foilnexu-io/open-designBuild a WebGL2 hero with thin-film foil whose colors shift as the viewing angle changes★105K
webgl-holographic-foilBuild a WebGL2 hero with thin-film foil whose colors shift as the viewing angle changes
webgl-horizontal-parallaxnexu-io/open-designBuild a horizontal-scroll WebGL gallery with parallax images in Three.js★105K
webgl-horizontal-parallaxBuild a horizontal-scroll WebGL gallery with parallax images in Three.js
webgl-liquid-iridescencenexu-io/open-designBuild a WebGL2 hero with a living oil-on-water field and iridescent light filaments★105K
webgl-liquid-iridescenceBuild a WebGL2 hero with a living oil-on-water field and iridescent light filaments
webgl-liquid-metalnexu-io/open-designBuild a real-time liquid metal shader with molten chrome and a thin-film sheen★105K
webgl-liquid-metalBuild a real-time liquid metal shader with molten chrome and a thin-film sheen
webgl-neon-gridnexu-io/open-designBuild a synthwave scene with a scrolling neon floor grid and a retro sun★105K
webgl-neon-gridBuild a synthwave scene with a scrolling neon floor grid and a retro sun
webgl-particle-galaxynexu-io/open-designBuild a real-time particle galaxy of GPU points spiraling around a glowing core★105K
webgl-particle-galaxyBuild a real-time particle galaxy of GPU points spiraling around a glowing core
webgl-pixel-reveal-gallerynexu-io/open-designBuild a masonry gallery where images develop from a pixel dissolve on scroll★105K
webgl-pixel-reveal-galleryBuild a masonry gallery where images develop from a pixel dissolve on scroll
webgl-raymarched-heronexu-io/open-designBuild a raymarched 3D hero of morphing metaballs with soft shadows and a camera orbit★105K
webgl-raymarched-heroBuild a raymarched 3D hero of morphing metaballs with soft shadows and a camera orbit
webgl-voronoi-cellsnexu-io/open-designBuild a WebGL2 hero with a living Voronoi cell network that pushes away from the cursor★105K
webgl-voronoi-cellsBuild a WebGL2 hero with a living Voronoi cell network that pushes away from the cursor
worker-visualizernexu-io/open-designBuild real-time particle and simulation visuals with Web Workers at 60fps★105K
worker-visualizerBuild real-time particle and simulation visuals with Web Workers at 60fps
angular-developerangular/angularGenerate Angular code with signals, forms, routing, DI and SSR best practices★101K
angular-developerGenerate Angular code with signals, forms, routing, DI and SSR best practices
angular-new-appangular/angularCreate a new modern Angular app with the Angular CLI and its current guidelines★101K
angular-new-appCreate a new modern Angular app with the Angular CLI and its current guidelines
material-ui-nextjsmui/material-uiSet up Material UI in Next.js App and Pages routers with caching and fonts★99.3K
material-ui-nextjsSet up Material UI in Next.js App and Pages routers with caching and fonts
material-ui-stylingmui/material-uiPick the right MUI styling approach among sx, styled, theme overrides and global CSS★99.3K
material-ui-stylingPick the right MUI styling approach among sx, styled, theme overrides and global CSS
material-ui-tailwindmui/material-uiCombine Material UI with Tailwind CSS v4 using cascade layers and theme tokens★99.3K
material-ui-tailwindCombine Material UI with Tailwind CSS v4 using cascade layers and theme tokens
bubble-automationComposioHQ/awesome-claude-skillsAutomate Bubble tasks with the Rube MCP toolkit from Composio★78.2K
bubble-automationAutomate Bubble tasks with the Rube MCP toolkit from Composio
contentful-graphql-automationComposioHQ/awesome-claude-skillsAutomate Contentful Graphql tasks with the Rube MCP toolkit from Composio★78.2K
contentful-graphql-automationAutomate Contentful Graphql tasks with the Rube MCP toolkit from Composio
customjs-automationComposioHQ/awesome-claude-skillsAutomate Customjs tasks with the Rube MCP toolkit from Composio★78.2K
customjs-automationAutomate Customjs tasks with the Rube MCP toolkit from Composio
plasmic-automationComposioHQ/awesome-claude-skillsAutomate Plasmic low-code frontend builder tasks through the Composio Rube MCP server★78.2K
plasmic-automationAutomate Plasmic low-code frontend builder tasks through the Composio Rube MCP server
v0-automationComposioHQ/awesome-claude-skillsAutomate Vercel v0 UI generation and project tasks through Composio Rube MCP★78.2K
v0-automationAutomate Vercel v0 UI generation and project tasks through Composio Rube MCP
404-pagethedaviddias/Front-End-ChecklistCheck that your 404 error page is custom and valid in the rendered HTML★74.6K
404-pageCheck that your 404 error page is custom and valid in the rendered HTML
accessible-authenticationthedaviddias/Front-End-ChecklistReview sign-in, MFA, CAPTCHA and recovery flows for accessible login steps★74.6K
accessible-authenticationReview sign-in, MFA, CAPTCHA and recovery flows for accessible login steps
accessible-notificationsthedaviddias/Front-End-ChecklistMake toast and inline notifications announced correctly to screen reader users★74.6K
accessible-notificationsMake toast and inline notifications announced correctly to screen reader users
accessible-tablesthedaviddias/Front-End-ChecklistUse semantic table markup so screen readers can read data tables correctly★74.6K
accessible-tablesUse semantic table markup so screen readers can read data tables correctly
accessible-tooltipsthedaviddias/Front-End-ChecklistBuild tooltips that keyboard and screen reader users can reach and read★74.6K
accessible-tooltipsBuild tooltips that keyboard and screen reader users can reach and read
accesskeysthedaviddias/Front-End-ChecklistMake sure every accesskey value on the page is unique and does not clash★74.6K
accesskeysMake sure every accesskey value on the page is unique and does not clash
accordion-accessibilitythedaviddias/Front-End-ChecklistMake accordion panels fully operable with keyboard and screen readers★74.6K
accordion-accessibilityMake accordion panels fully operable with keyboard and screen readers
alt-textthedaviddias/Front-End-ChecklistWrite meaningful alt text for images that describes purpose, not just content★74.6K
alt-textWrite meaningful alt text for images that describes purpose, not just content
anchor-smooth-scrollthedaviddias/Front-End-ChecklistAdd an instant anchor scroll option for users who want no smooth scrolling★74.6K
anchor-smooth-scrollAdd an instant anchor scroll option for users who want no smooth scrolling
animation-performancethedaviddias/Front-End-ChecklistAnimate with transform and opacity so CSS motion stays smooth and cheap★74.6K
animation-performanceAnimate with transform and opacity so CSS motion stays smooth and cheap
aria-allowed-attrthedaviddias/Front-End-ChecklistStrip ARIA attributes that a role does not allow so assistive tech stays correct★74.6K
aria-allowed-attrStrip ARIA attributes that a role does not allow so assistive tech stays correct
aria-command-namethedaviddias/Front-End-ChecklistGive every ARIA command element an accessible name for assistive technology★74.6K
aria-command-nameGive every ARIA command element an accessible name for assistive technology
aria-deprecated-rolethedaviddias/Front-End-ChecklistReplace deprecated ARIA roles with current ones that screen readers support★74.6K
aria-deprecated-roleReplace deprecated ARIA roles with current ones that screen readers support
aria-dialog-namethedaviddias/Front-End-ChecklistGive each dialog an accessible name so screen readers announce its purpose★74.6K
aria-dialog-nameGive each dialog an accessible name so screen readers announce its purpose
aria-hidden-bodythedaviddias/Front-End-ChecklistRemove aria-hidden from the body element so the page stays readable★74.6K
aria-hidden-bodyRemove aria-hidden from the body element so the page stays readable
aria-hidden-focusthedaviddias/Front-End-ChecklistStop focusable controls from sitting inside aria-hidden containers★74.6K
aria-hidden-focusStop focusable controls from sitting inside aria-hidden containers
aria-input-field-namethedaviddias/Front-End-ChecklistCheck that every form field and custom widget has an accessible name★74.6K
aria-input-field-nameCheck that every form field and custom widget has an accessible name
aria-labelsthedaviddias/Front-End-ChecklistAdd accessible names to interactive elements that lack visible text★74.6K
aria-labelsAdd accessible names to interactive elements that lack visible text
aria-live-regionsthedaviddias/Front-End-ChecklistAnnounce dynamic page updates to screen readers with ARIA live regions★74.6K
aria-live-regionsAnnounce dynamic page updates to screen readers with ARIA live regions
aria-meter-namethedaviddias/Front-End-ChecklistLabel meter elements so screen readers say what value they represent★74.6K
aria-meter-nameLabel meter elements so screen readers say what value they represent
aria-progressbar-namethedaviddias/Front-End-ChecklistName progress bars so screen readers announce what is loading or saving★74.6K
aria-progressbar-nameName progress bars so screen readers announce what is loading or saving
aria-required-attrthedaviddias/Front-End-ChecklistAdd the ARIA attributes that each role requires to work correctly★74.6K
aria-required-attrAdd the ARIA attributes that each role requires to work correctly
aria-required-childrenthedaviddias/Front-End-ChecklistGive custom ARIA widgets the child roles their composite parent requires★74.6K
aria-required-childrenGive custom ARIA widgets the child roles their composite parent requires
aria-required-parentthedaviddias/Front-End-ChecklistNest ARIA roles inside the parent roles they require, such as listitem in list★74.6K
aria-required-parentNest ARIA roles inside the parent roles they require, such as listitem in list
aria-rolesthedaviddias/Front-End-ChecklistCatch invalid ARIA role values that assistive technology cannot interpret★74.6K
aria-rolesCatch invalid ARIA role values that assistive technology cannot interpret
aria-textthedaviddias/Front-End-ChecklistKeep focusable children out of role=text elements to avoid confusing screen readers★74.6K
aria-textKeep focusable children out of role=text elements to avoid confusing screen readers