Frontend

TheGoat395/Codex-Skills

Skill Codex

Generate original ideas or escape fixation.

wpgaurav/generateblocks-skills

Skill Claude CodeCodex

Convert Figma designs to GenerateBlocks V2 format for WordPress.

raintree-technology/hig-doctor

Skill Claude CodeCodex

Audit interface source with HIG Doctor when the user asks to scan, lint, review, or remediate Swift, UIKit, AppKit, React, Vue, Svelte, Angular, Compose, Android XML, Flutter, CSS, or HTML for HIG-aligned interface and accessibility concerns. Do not activate for general design advice without source to audit; use the…

oil-oil/oil-frontend

Skill Claude CodeCodex

A set of instructions for building and reviewing product front ends, meaning the visible part of an application that users interact with. It covers pages, components, forms, data flow, layout, styling, responsive behavior, and animations.

jherr/mcp-client-and-server

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

faasjs/faasjs

Skill Claude CodeCodex

Use when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and multiple FaasJS subsystems. For focused work, also load the relevant FaasJS skill: faasjs-project-workflow, faasjs-react-ant-design…

webflow/webflow-skills

Agent Claude Code

Webflow agent with MCP server integration, skill orchestration for CMS management, site audits, safe publishing, link checking, accessibility, and asset optimization — includes safety workflows, batch processing, and structured reporting.

AIwithhassan/lets-scroll

Skill Claude CodeCodex

Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with NO cuts — one continuous connected flight (Emons-style isometric…

julilaoshi/julilaoshi-design

Skill Claude CodeCodex

Public-safe julilaoshi-design workflow for official Pencil MCP execution and the free browser-first julilaoshi-design Web 2.0 editor. Use when a task needs Pencil handshake/canvas edits, .pen execution, screenshot review, or lightweight HTML design-to-web tweaking without redistributing official Pencil or leaking…

ceilf6/FrontAgent

Skill Codex

Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI…

KeyArgo/custodian-kernel

Skill Claude CodeCodex

Anti-pattern detector and design rules for AI coding agents. Catches the specific mistakes AI makes when generating UI: gray text on color, nested cards, broken buttons, missing states. Use before shipping any frontend.

Ilm-Alan/frontend-design

Skill Claude CodeCodex

Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend.

khadgi-sujan/retune

Skill Claude CodeCodex

Apply visual changes from the Retune overlay to source code. Use this skill when receiving output from retune MCP tools (retunegetformattedchanges, retunegetpendingchanges) OR when the user pastes structured visual change output containing "# Visual Changes", "# Comments", "Prop Changes", "Attribute Changes", "SVG…

brookslybrand/react-router-cursor-rules

Cursor rule Cursor needs its repo

THE MOST IMPORTANT RULE: ALWAYS use ./+types/[routeName] for route type imports.

benjaminsehl/liquid-skills

Plugin Claude Code

Bundles 3 skills · 205 tokens together

Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes.

godot-fun/godot-framework

Skill Cursor

Turns a storyboard shot (video prompt + narration) into a self-contained fullscreen HTML CSS animation for the browser. Analyzes VO/旁白, searches related facts and usage cues, then builds a rich layered stage (camera, subject, secondary UI, light, micro-detail) with Fullscreen API and Space-to-play. Use when the user…

mendixlabs/mxcli

Skill Claude Code

Reproduce a Claude Design prototype or design handoff (HTML/CSS, .dc.html export, tokens, screenshots) inside a Mendix app: build the palette with mxcli theme create --from, then apply classes in pages with MDL. Use when given a design artefact and asked to make the app look like it.

mengps/PyHuskarUI

Skill Claude CodeCodex

Queries HuskarUI metadata with Python and guides HuskarUI-first QML/C++ code. Invoke when choosing components, checking examples, or generating HuskarUI UI.

ohmiler/gridgeist

Skill Codex

Use when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from generic AI-generated SaaS aesthetics. Adapt grid, typography, imagery, motion, and product evidence to the established brand—including…

ceorkm/macos-design-skill

Skill Claude CodeCodex

Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design"…

bitrise-io/bitrise-workflow-editor

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

MCP server "bitkit-storybook-mcp", hosted remotely at storybook.services.bitrise.dev, as configured in bitrise-io/bitrise-workflow-editor.

EnzeD/r3f-skills

Skill Claude CodeCodex

Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership. Use for scene architecture and render-loop setup, rather than detailed materials or effects.

cyberchitta/scrapling-fetch-mcp

Skill Claude Code

Fetch a URL directly with scrapling's bot-detection bypass. Use when the user asks to fetch, curl, or scrape a URL from a bot-protected site.

MigoXLab/coderio

Skill Claude CodeCodex

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.