Skill Claude CodeCodex
A workflow for creating or editing images and diagrams, from posters and product mockups to academic graphics, illustrations, and system maps. For text-heavy technical diagrams, it can use editable sources such as Mermaid, SVG, HTML, or canvas before exporting an image.
Skill Claude CodeCodex
A frontend implementation guide for turning designs or screenshots into reusable web pages and components.
Skill Claude CodeCodex
A guide for moving older front-end code—such as JavaScript, jQuery, HTML/CSS, server-rendered pages, or old frameworks—to newer tools while keeping the same behavior. It covers gradual migrations as well as modernising parts of a multi-page site.
Skill Claude CodeCodex
A maintenance guide for older web projects built with plain JavaScript, jQuery, HTML, CSS, or server-rendered templates.
Skill Claude CodeCodex
A guide for making large web lists faster by rendering only the rows currently visible on screen. This technique is called list virtualization or windowing.
Skill Claude CodeCodex
A guide for organising a monorepo, which is one code repository containing several applications and shared packages. It covers workspace dependencies, folder structure, build tasks, testing, caching, and package releases.
Skill Claude CodeCodex
A guide for designing, implementing, and reviewing motion in web interfaces, including transitions, page changes, scroll effects, and feedback animations.
Skill Claude CodeCodex
A development guide for Next.js 14 and newer projects using App Router, Next.js’s file-based routing system. It covers server-rendered pages, layouts, data loading, middleware, metadata, and server actions.
Skill Claude CodeCodex
A guide for building Nuxt 3 applications with Vue 3 and TypeScript. Nuxt is a framework for Vue that can render pages on the server, generate static pages, or run as a browser-only app, using file-based routes and built-in data-fetching patterns.
Skill Claude CodeCodex
A guide for finding and improving slow or unstable front-end pages using measurements. It covers loading time, delayed interactions, scrolling, memory use, network requests, rendered code, and the size of downloaded files.
Skill Claude CodeCodex
A guide for adding Progressive Web App features to a website. A Progressive Web App, or PWA, is a website that can be installed like an app and can offer limited offline use through a web app manifest and a service worker.
Skill Claude CodeCodex
A guide for organizing medium-sized or large React and TypeScript projects. It defines boundaries between pages, business features, shared components, hooks, services, state, APIs, and utilities.
Skill Claude CodeCodex
A safe cleanup workflow for unused front-end code, exports, routes, components, and dependencies.
Skill Claude CodeCodex
A guide for building web layouts that adapt to phones, tablets, and desktop screens. It covers breakpoints, container queries, flexible grids, dense tables, touch controls, keyboards, and screen rotation.
Skill Claude CodeCodex
A guide for protecting front-end routes, meaning the pages and URLs of a web application, based on whether someone is signed in and what permissions they have. It covers login checks, role-based access, expired sessions, and redirects.
Skill Claude CodeCodex
Chinese-language instructions for reviewing security risks in front-end code, including unsafe user input, authentication data, uploads, payments, and third-party scripts.
Skill Claude CodeCodex
A development practice that bases frontend decisions on the current project, official documentation, source code, and tests. It is especially concerned with behavior that changes between versions.
Skill Claude CodeCodex
A guide for deciding where an application's changing information should live, such as inside a component, in the URL, in a form, in a browser cache, or in a shared store. A store is a shared place for client-side information used across parts of an app.
Skill Claude CodeCodex
A workflow for documenting interface components in Storybook, a tool that displays UI components and their states in isolation. It covers stories, reusable setup wrappers, written documentation, interaction checks, accessibility checks, and visual baselines.
Skill Claude CodeCodex
A workflow for creating or reviewing animated SVG graphics, which are scalable vector images such as icons, logos, illustrations, and diagrams. It covers CSS, SMIL, Framer Motion, GSAP, accessibility, and reduced-motion behavior.
At most 3 mods per repository are shown here — the rest are on their repository pages: