Frontend & Design · For frontend developers

Identify an asymmetric win by refusing a small promise that would eliminate disproportionate complexity.

EpicenterHQ/epicenter

CSS and Tailwind, cn(), flex layouts. An agent skill from EpicenterHQ/epicenter.

EpicenterHQ/epicenter

Apply TanStack Table UI-state patterns for Svelte data tables, including columns, rendering, sorting, filtering, pagination, and row identity.

EpicenterHQ/epicenter

TypeBox patterns for runtime schema validation and JSON Schema generation.

EpicenterHQ/epicenter

Cross-platform app toolkit with Rust backend and WebView frontend.

diodeme/Gold-Band

Judge product usability and evidence quality. An agent skill from aryaniyaps/lamina.

aryaniyaps/lamina

Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications.

github/awesome-copilot

A skill your agent uses whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion…

github/awesome-copilot

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.

github/awesome-copilot

Provides the complete migration pattern for React legacy context API (contextTypes, childContextTypes, getChildContext) to the modern createContext API.

github/awesome-copilot

A skill your agent uses to generate well-branded interfaces and assets for VibeUsage, either for production or throwaway prototypes/mocks/etc.

victorGPT/vibeusage

Add or change Windows installer (MSI) strings or languages for Devolutions Gateway or Devolutions Agent.

Devolutions/devolutions-gateway

Design system conventions for the Phoenix frontend — layout, dialogs, error display, BEM CSS class naming, and CSS design tokens.

Arize-ai/phoenix

GitHub community: discussions, moderation, contributor health, CLAs.

Community-Access/accessibility-agents

Detect and fix AI design slop — the convergent look that shows up across AI-generated landing pages and dashboards (purple/indigo gradients, rounded-2xl everywhere, three-box feature grids, bento…

KartikLabhshetwar/better-shot

Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration.

blencorp/claude-code-kit

BPX localization command skill. An agent skill from wilddogjp/openbpx.

wilddogjp/openbpx

Iterate on a PR until CI passes. An agent skill from layer5io/sistent.

layer5io/sistent

Modern React component patterns with hooks and TypeScript. An agent skill from langchain-ai/skills-benchmarks.

langchain-ai/skills-benchmarks

Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction…

curiositech/some_claude_skills

Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO.

rand/cc-polymath

Explicit compatibility entry for Zustand data-shape guidance.

lobehub/lobehub

Technology/library/framework comparison analysis guide. An agent skill from revfactory/claude-code-harness.

revfactory/claude-code-harness

Run a broad health check across a Nimara surface — checkout, SEO/metadata, performance, or a page-type matrix — and report findings, instead of verifying one ticket.

mirumee/nimara-ecommerce

通用创建提案技能。根据需求是否有设计稿或 UI 描述、是否有接口、是页面还是功能组件等可选条件，决定设计稿分析、接口与数据层、以及实现后的 UI 还原验收等步骤。适用于各类需求提案，不限于纯 UI 页面。

AntonHu/ai-coding-project

CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques

RightNow-AI/openfang

Figma design expert for components, auto-layout, design systems, and developer handoff

RightNow-AI/openfang

Next.js expert for App Router, SSR/SSG, API routes, middleware, and deployment

RightNow-AI/openfang

React expert for hooks, state management, Server Components, and performance optimization

RightNow-AI/openfang

Anatomy and maintenance of inkline-starter- repos and examples — the two starter flavors, what every starter must include, per-framework specifics, and the…

inkline/inkline

Write or review Cataclysm-BN tests that avoid flakes, use deterministic fixtures, and clean up global state.

cataclysmbn/Cataclysm-BN

Add or restructure a page in the System Bridge Astro + Starlight docs site under docs/ - create the content file, set frontmatter, and wire the sidebar.

timmo001/system-bridge

Comprehensive design token system for Mobazha including color system, typography scale, spacing grid, border radius, elevation, and icon sizes.

mobazha/mobazha-unified

Audit paid-ad landing pages for message match, mobile experience, performance, accessibility, trust, forms, consent, tracking, security, and conversion friction.

AgriciDaniel/claude-ads

Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop

google-labs-code/stitch-skills

Evaluate any agent skill against a merged framework — Anthropic's Claude Code best practices plus Matt Pocock's writing-great-skills methodology — across 4 axes (Trigger, Structure, Steering…

fabricioctelles/skills

Internationalize a module by extracting hardcoded Chinese strings, generating translation keys, and updating all three locale files (en, zh-Hans, ja).

dataelement/bisheng

Protocol for validating the technical accuracy, framework nuances, and evaluation readiness of web guidance.

GoogleChrome/modern-web-guidance-src

The twelve Jungian brand archetypes mapped to UI structure: layout, typography, motion, and interaction patterns for each.

HermeticOrmus/LibreUIUX-Claude-Code

Modern React patterns and principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

React, Next.js, state yönetimi, performans optimizasyonu ve UI en iyi uygulamaları için frontend geliştirme kalıpları.

affaan-m/ECC

CSS architecture and styling expert with deep knowledge of modern CSS features, responsive design, CSS-in-JS optimization, performance, accessibility, and design systems.

cin12211/orca-q

Compatibility alias for existing OpenClaw installations that now applies Carapace semantic tokens, themes, shared CSS foundations, consumer adapters, and established local primitives.

openclaw/clawhub

Upgrade an AI chat model (fast or good) across backend and frontend.

macro-inc/macro

웹사이트 고유의 시각 관용을 디자인 팩으로 증류하는 지식 스킬. An agent skill from epoko77-ai/design-diversity.

epoko77-ai/design-diversity

Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask.

boraoztunc/skills

Add and tune animated liquid-metal WebGL borders with the React metal-fx package.

boraoztunc/skills

Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion.

boraoztunc/skills