Frontend

whyubel1eve/web-image-skill

Skill Claude CodeCodex

A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.

AgentsORG/design-engineering

Plugin Claude Code

Bundles 1 skill, 15 commands, 10 agents · 1,062 tokens together

Design engineering for AI agents — animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, SVG, launch films, faux product UI. Plus a SOUL.md identity layer and ten workflow subagents (ui-reviewer, motion-auditor, anti-pattern-scanner, agentation-fix-loop…

erayack/svelte-building-blocks

Skill Claude CodeCodex

Svelte best practices for writing, editing, or reviewing Svelte/SvelteKit components and modules. Use when touching Svelte reactivity, props, events, snippets, each blocks, styling, context, actions/attachments, stores, or Svelte 5 runes.

mendix/web-widgets

Skill Claude CodeCodex

How to configure the Combo box widget (com.mendix.widget.web.combobox.Combobox). Use when adding or changing a dropdown, select, picker, autocomplete or multi-select for an association, enumeration, boolean, or a list of objects.

Pretend-to/mio-chat-backend

Skill Claude CodeCodex

Author and invoke high-quality, mobile-first AnyUI HTML templates for MioChat. Guides the creation of clean, responsive cards, game interfaces, forms, story choices, and Galgame/visual novel dialogue cards rendered via extraRender in Shadow DOM. Enforces decoupled zero-round-trip async image rendering (pure CSS…

qorm/platform

Skill Claude CodeCodex

Build, edit, and verify QORM apps — an agent-native declarative-UI runtime whose apps are language-neutral JSON (qorm.json + scenes/ + actions/). Use when creating or modifying a UI as QORM JSON, packaging it for web/iOS/Android/desktop, or driving a live QORM app over MCP.

CopilotKit/skills

Plugin Claude Code

Bundles 9 skills, 1 hook, 1 MCP server · 535 tokens together

AI agent skills for CopilotKit — setup, develop, integrate, debug, upgrade, and contribute to CopilotKit projects.

strongeron/storybook-workbench

Plugin Claude Code

Bundles 11 skills · 749 tokens together

Work WITH Storybook on React+Vite apps: audit a vibe-coded codebase for real-vs-slop components, capture flows/app-maps, write CSF3 stories, and ship — as focused skills, not one monolith.

wot-ui/open-wot

Skill Claude CodeCodex

A migration guide for moving a uni-app project from Wot UI v1 to Wot UI v2. The work includes replacing old package names, component interfaces, form validation, and icon names.

DarkSkyTeam/kirara-webui

Cursor rule Cursor

wix/skills

Plugin Claude Code

Bundles 46 skills, 1 MCP server · 3,423 tokens together

Build, manage, and deploy Wix sites and apps. Includes CLI development skills and Wix MCP server for site management, eCommerce, CMS, dashboard extensions, and more.

eliornl/rolemule

Cursor rule Claude CodeCursor

Application detail page — 10-tab layout, render functions, CSS classes, data field mappings, content regeneration.

tanstack-skills/tanstack-skills

Plugin Claude Code

Bundles 1 skill · 28 tokens together

TanStack Start - Full-stack React framework with SSR, streaming, and server functions.

MonumentalSystems/Atlas-Agent-Teams

Plugin Claude Code

Bundles 4 skills, 1 command · 0 tokens together

Specialized team for building generative UI applications with Vercel, Next.js, AI SDK, and AI Elements.

leynier/python-template

Skill Codex

Design and generate a compatible project from the Python Template component layers or presets. Use when choosing a workload, framework, AI providers, data engines, interfaces, training and serving tools, deployment target, or IaC option; also use when a user wants a simple library, CLI, or API without AI.

Shopify/liquid-skills

Plugin Claude Code ✓ vendor

Bundles 3 skills · 205 tokens together

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

electrikhq/slate

Skill Cursor

Build Laravel Blade UI with Electrik Slate 3.x and optional slate-blocks / slate-illustrations. Use when writing x-slate, x-slate-block, or x-slate-illustration components, Livewire forms, tokens, toasts, blocks, illustrations, or when the user mentions Slate, electrik/slate, electrik/slate-blocks…

wesselgrift/sveltekit-spa

Skill Claude Code

Classic engineering patterns applied to SvelteKit + TypeScript + Supabase projects. Use when structuring a SvelteKit app, organizing data access, abstracting third-party services, managing shared state, improving testability, or when the user describes a problem that a Factory, Repository, Service Layer, Singleton…

Sitecore/content-sdk

Skill Claude CodeCodex

URL locale segments via scLocaleMatcher; locale in loaders via getLanguage and splitLocaleFromPath.

alfredoperez/angular-best-practices

Plugin Claude Code

Bundles 10 skills, 1 command · 804 tokens together

Modern Angular best practices — 112 rules for Signals, RxJS, performance, SSR, testing, and architecture.

EOX-A/EOxElements

MCP server Claude CodeCodexCursor +2

A server to provide information about EOxElements custom elements for coding agents. Runs locally from the @eox/elements-mcp-server npm package.

ryoha000/launcherg

Cursor rule Cursor

Data fetch patterns for TanStack Query + Tauri in this project.

Ashkaan/contextium

Skill Claude CodeCodex

See the real running product of any app in your workbench, find its design problems, fix them, and explain what changed. Use after a UI change, before/after committing, when asked to QA, screenshot, fix, or visually verify a web app, or to confirm a portal renders correctly at desktop/tablet/phone. CLI/library targets…

starwind-ui/starwind-ui-mcp

MCP server Claude CodeCodexCursor +2

Framework-aware Starwind UI v3 tools for Astro and React setup, components, docs, and migration. Runs locally from the @starwind-ui/mcp npm package.