Frontend & Design · For frontend developers

Read when the user wants a page, app or site for the program, and before dispatching the frontend-builder: the verified scaffold commands, the default stack (pnpm, SvelteKit, PostgreSQL, BetterAuth…

WeaveMindAI/weft

shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS.

blencorp/claude-code-kit

Web accessibility patterns for news and academic sites. An agent skill from jamditis/claude-skills-journalism.

jamditis/claude-skills-journalism

Reference for the signals_flutter package: reactive signals, computed values, effects, async signals and collection signals bound to Flutter widgets.

rodydavis/signals.dart

Next.js App Router principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

Elite Tier Web UI standards, including pixel-perfect retro aesthetics, immersive layouts, and UX psychology protocols.

xenitV1/claude-code-maestro

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast, target…

affaan-m/ECC

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support.

affaan-m/ECC

Apply concrete design-engineering details that make interfaces feel polished.

affaan-m/ECC

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react.

affaan-m/ECC

React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and…

affaan-m/ECC

A skill your agent uses when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

affaan-m/ECC

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns.

affaan-m/ECC

The Bandle package enables the analysis and visualisation of differential localisation experiments using mass-spectrometry data.

bioMate-AI/biomate-bioconductor-kb

Open plans and HTML artifacts in a local browser canvas where the human annotates elements, chats, and approves or requests changes without leaving the page.

affaan-m/ECC

Records where resources outside the repository live (design source, design system, API schema, IaC source, secret store) and how design, implementation, and verification reach them.

shinpr/claude-code-workflows

Build a markdown-based static site generator with zero dependencies.

revfactory/claude-code-harness

Guides UI work on OpenClaw apps so it uses the shared Carapace package: semantic design tokens, theme foundations, shared CSS classes and the product's existing local components.

openclaw/clawhub

Audits OpenClaw frontend code and rendered pages for token misuse, reimplemented primitives, accessibility and responsive defects and off-brand copy, with an evidence-based report.

openclaw/clawhub

Pre-implementation DRY gate + existing-code drift audit for the multi-repo workspace.

katopz/katgpt-rs

Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output.

microsoft/skills

迁移组件 Markdown 文档到新规范。用户明确要求迁移文档结构、重排 Demo 章节、合并 Attributes/Options 列、迁移最低版本标记或升级旧文档格式时调用；不用于仅做一致性核对。

wot-ui/wot-ui

READ-ONLY diagnostic: review authored HAX page/site content against WCAG 2.0 AA (image alt text, heading hierarchy, landmark structure, link text, form labels, color contrast, media…

haxtheweb/haxcms-php

Phase 1 of building an Inkline component — design the API. An agent skill from inkline/inkline.

inkline/inkline

VeChain Kit and dapp-kit packages — installation, hooks, components, wallet connection, social login, smart accounts, theming, and Privy setup.

vechain/x-app-template

[OMX] Canonical repo-local DESIGN.md workflow for product, UI/UX, and frontend decision source of truth

yangyuan-zhen/PolyWeather

Detect allele-specific chromatin accessibility from ATAC-seq using WASP, GATK ASEReadCounter, or RASQUAL.

GPTomics/bioSkills

Localization pipeline — find hardcoded strings, extract string tables, cultural review, VO, RTL, enforce string freeze.

Donchitos/Claude-Code-Game-Studios

Design engineering principles and patterns for building polished, accessible web interfaces.

Asymmetric-al/core

Design a self-contained HTML page that teaches one thing, using space and a single accent instead of boxes and colour.

EpicenterHQ/epicenter

Design and review Epicenter interfaces while collapsing local UI primitives into the shared component system.

EpicenterHQ/epicenter

Always-on code-review persona. An agent skill from udecode/plate.

udecode/plate

Clone shadcn implementation patterns with source-by-source parity.

udecode/plate

Slate v2 Autoresearch recipe picker. An agent skill from udecode/plate.

udecode/plate

Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.

udecode/plate

Required context for all frontend work. An agent skill from ambient-code/platform.

ambient-code/platform

Auto-format code via the developer CLI - backend (.NET via JetBrains cleanupcode), frontend (oxfmt + oxlint --fix), and the developer CLI itself.

platformplatform/PlatformPlatform

Plan UX patterns and design specifications. An agent skill from delorenj/mcp-server-trello.

delorenj/mcp-server-trello

A skill your agent uses when designing, changing, or reviewing user-facing interfaces or interaction flows, including API changes that alter visible states or recovery.

GanyuanRan/Aegis

Integrate the beta markstream-svelte package in Svelte 5 or SvelteKit apps.

Simon-He95/markstream-vue

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences.

benjaminasterA/antigravity-awesome-skills

Work on TSZ benchmark and project-corpus compatibility. An agent skill from tsz-org/tsz.

tsz-org/tsz

A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.

skilld-dev/vue-ecosystem-skills

Turn any video into a cinematic scroll-driven landing page — Apple-style hero where scrolling progresses the visible frame through the video.

hoodini/ai-agents-skills

Production-ready UI motion system for React/Next.js. An agent skill from templetongroup/radiant.

templetongroup/radiant

Apply subtle gradient-border treatments for premium web surfaces.

boraoztunc/skills

Set up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across variants/states/themes/RTL, and the manual a11y checklist.

plugin87/ux-ui-agent-skills

Provides React patterns for hooks, effects, refs, and component design.

freekmurze/dotfiles