Frontend

magnusfroste/flowwink

Skill Claude CodeCodex

Admin Copilot site-builder loop (copilot-action) is exposed as MCP skill buildsitestep so external claws drive the same loop the admin UI uses.

brijr/skills

Skill Codex

Improve an existing screen through critique, authorized edits, and browser verification, following the current stage and preserving prior decisions.

codeworksh/codework

Skill Claude CodeCodex

Build, debug, test, and optimize WebGPU projects using vgpu, its CLI, or @vgpu packages. Use for vgpu API questions, WGSL workflows, browser or Node rendering, integrations, testing, and performance work.

KorroAi/korrodesign

Skill Claude Code

Design Copilot with two enforcement layers (Taste Guardian + Blind Spot ESLint plugin, 14 rules). Works standalone with zero dependencies. 7-phase design pipeline. Produces Awwwards-level websites with automated UI hygiene enforcement.

HnBigVolibear/awesome-flet-development-skill

Skill Claude CodeCodex

This skill should be used when developing desktop/web applications with Flet; encountering Flet 1.0+ version compatibility issues; migrating from Flet 0.x to 1.0+; encountering API errors with Tabs/Badge/Radio/BorderRadius controls; needing guidance on Flet animations, async operations, or layouts. Covers Flet 0.82.0+…

jackielii/structpages

Plugin Claude Code

Bundles 1 skill · 154 tokens together

Patterns and guidance for the structpages Go web framework (struct-based routing + gsx + HTMX).

bitovi/superconnect

Skill Claude CodeCodex

Generates Figma Code Connect mappings for React or Angular repos, validates them with pre-checks and the Figma CLI, and can publish via figma connect. Use when a user provides a Figma file URL and a component repo and asks for Code Connect files, figma.config.json, or validation.

zian10001/codex-frontend-visual-handoff

Skill Codex

Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…

HaiDong-Once/cursor-rules-collection

Cursor rule Cursor

A Chinese-language set of frontend coding standards covering naming, files, HTML, constants, and related practices for web applications.

lfurze/claude-skills

Skill Claude CodeCodex needs its repo

Build multi-page Astro websites from provided content (markdown articles, PDFs, eBooks). Use this skill when asked to build a website, create a new site, set up a web project, or turn content into a website. Triggers on phrases like "build a website", "new site", "create a website", "set up a site", "turn this into a…

ursazoo/lanhu-to-code

Skill Claude CodeCodex

Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.

OthmanAdi/openui-forge

Plugin Claude Code

Bundles 14 skills, 6 commands · 524 tokens together

Build generative UI with OpenUI — any LLM provider, any backend language. Scaffold, integrate, validate.

hecatehq/hecate

Skill Claude CodeCodex

Use when working on the Hecate operator UI in ui/. Keeps frontend work aligned with Hecate's operator-console workflows, runtime-debugging focus, and React/Vite stack.

MUKE-coder/vibekit

Skill Claude CodeCodex

Build Next.js apps using the VibeKit framework. Enforces masterprompt.md coding standards, applies design-style-guide.md tokens, uses JB components from jb-components.md, and builds phase by phase from project-phases.md. Use when starting a new VibeKit project or resuming a build.

UnityAppSuite/frappe-claude

Plugin Claude Code

Bundles 13 skills, 9 commands, 11 agents, 2 hooks · 1,682 tokens together

Comprehensive Frappe/ERPNext full-stack development with DocType scaffolding, bench integration, and specialized agents for server-side Python, client-side JavaScript, and ERPNext customization.

tugkanboz/awesome-cursorrules

Cursor rule Cursor

Modern React + TypeScript component patterns — hooks, typed props, performance optimization, forms, and testing.

oekazuma/svelte-vitals

Skill Claude CodeCodex

Set up svelte-vitals in a SvelteKit project: inspect what the project already uses, derive a svelte-vitals.config from its markuplint / eslint-plugin-check-file config and its actual directory conventions, measure each candidate rule before adopting it, and hand the remaining targets to svelte-vitals install. Use when…

whyiyhw/seek

Skill Claude CodeCodex

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…

andreapollastri/larapilot

Skill Claude CodeCodex

Writes HTML/CSS mockups under .larapilot/mockups/, presents and revises them with the user, and can build a custom design system for the client. Use for a mockup, landing, design-system choice, a change to existing mockups, or a client design system. Italian: mockup, prototipo visivo, design system, modifica mockup.

greedychipmunk/agent-skills

Skill Claude CodeCodex needs its repo

Generate Astryx design system components, themes, and layouts for React 19 applications. Use when building UIs with @astryxdesign/core, creating or extending themes with defineTheme, styling components with StyleX or Tailwind, scaffolding pages from templates, migrating from shadcn or Radix, or working with the Astryx…

DonkeyKing01/tasteful-ui-skill

Skill Claude CodeCodex

UI design and implementation for real product surfaces with taste-first critique, reference routing, project-specific design briefs, variation comparison, and implementation verification. Use when Codex should redesign, build, polish, or critique frontend UI by reading project context, exploring taste, routing through…

supertokens/create-supertokens-app

Cursor rule Cursor

Cursor rule "react" from supertokens/create-supertokens-app, covering react and examples.

wrg32786/aigent-os

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for…

ucoz-skills/agent-skills

Plugin Claude Code

Bundles 9 skills, 1 MCP server · 1,197 tokens together

uCoz agent skills and the official remote MCP (https://www.ucoz.com/mcp): landing pages, ad campaign landings, shop optimization, translation, design restyling, original templates, server scripts, site content, and popup styling.