Frontend & Design

A skill your agent uses when building a UI component, PocketBase hook, page, or app feature and there is proven code to copy from the reference repos.

spinspire/pocketbase-sveltekit-starter

A skill your agent uses when writing, debugging, or updating code that imports primevue (PrimeVue v5, UI component library for Vue 3).

skilld-dev/vue-ecosystem-skills

State management patterns - Zustand, Jotai, Context. An agent skill from emanueleielo/deepagents-open-lovable.

emanueleielo/deepagents-open-lovable

Apply frontend conventions when components, pages, forms, or client state change.

KbWen/agentic-os

Operate Nimara's UCP REST commerce API. An agent skill from mirumee/nimara-ecommerce.

mirumee/nimara-ecommerce

Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to…

sanqiufong/slides-from-anything

Frontend conventions and component usage rules. An agent skill from letehaha/moneymatter.

letehaha/moneymatter

Builds a from-scratch brand design system as three-tier DTCG tokens plus one theme.css with light and dark modes, checked against WCAG contrast rules.

plugin87/ux-ui-agent-skills

Pull current keyword rankings from Astro MCP, compare against the previous rankings check, and save a new rankings file to the vault.

n0an/VivaDicta

Apply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons.

forcedotcom/sf-skills

Professional Figma design analysis and asset export. An agent skill from sundial-org/awesome-openclaw-skills.

sundial-org/awesome-openclaw-skills

Convert HTML/CSS layouts to GenerateBlocks V2 format with inline styles

wpgaurav/generateblocks-skills

Unified development and design standards. An agent skill from wednesday-solutions/ai-agent-skills.

wednesday-solutions/ai-agent-skills

Report progress to the human. An agent skill from tola-rs/tola-ssg.

tola-rs/tola-ssg

Teaches an agent on MiniMax M3 to ground visual claims in attached images, screenshots, mockups and clips, and to re-read results after a visual change.

madebyaris/advance-minimax-m3-cursor-rules

A skill your agent uses when deploying a frontend (React, Next.js, or static HTML) to a live URL on Butterbase, or when troubleshooting deployment issues like MIME type errors or blank pages

butterbase-ai/butterbase-skills

Create or update an HTML component specification (.spec.tsx) in the HTML package.

telerik/kendo-themes

Check a diff against Polar's written conventions in server/AGENTS.md and clients/AGENTS.md — module structure, repository and service patterns, session types, auth dependencies, test organisation…

polarsource/polar

Call a venue and ask the accessibility questions that matter to one specific person — step-free entry, hearing loop, guide dogs, quiet hours, changing places — then return a per-need verdict backed…

CALLE-AI/awesome-phone-call-agents

Architect large or state-heavy Langfuse frontend features. An agent skill from langfuse/langfuse.

langfuse/langfuse

Ask Claude Code to make a taste-driven call on something ambiguous — UI polish, prose phrasing, naming, formatting.

bholmesdev/hubble.md

A skill your agent uses when changing Linux TUI/CLI SSH Capture copy, empty states, picker labels, SSH dashboard hints, or the Connect vs Capture vs ssh -D vs ssh -R user flow.

yqlay/flclash-tui

Author and migrate the slots / slotProps API (the useSlot hook) in this design system's React components — the architecture where slots.x replaces an internal part and slotProps.x merges props into…

trendmicro-frontend/tonic-ui

设计和排查 weapp-tailwindcss 动态 class 组合与运行时封装，覆盖 @weapp-tailwindcss/runtime、merge、cva、variants、typography、theme-transition、ui、clsx、twMerge、weappTwIgnore、escape/unescape、rpx transformer、缓存和组件 class…

weapp-tailwindcss/weapp-tailwindcss

Develop renCal against a local caldir checkout instead of the pinned release.

t4t5/rencal

Build a wizard-style HTML page that teaches how and why a change works.

will-ness-ai/skills

Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen…

kwakseongjae/oh-my-design

Enforce the Campfire IconButton accessibility convention — every IconButton (and its derivatives) must be wrapped with IconButtonTooltip and given a localized action label.

r0adkll/Campfire

Add, rename, or remove user-facing strings in src/locales. An agent skill from Touch-N-Stars/Touch-N-Stars.

Touch-N-Stars/Touch-N-Stars

Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion.

LucasBassetti/godui

shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI.

one-ie/one

Guide for assistant-ui runtime system and state management. An agent skill from compozy/compozy.

compozy/compozy

Review Renovate dependency upgrade PRs to assess safety and effort.

commercetools/ui-kit

A skill your agent uses when styling UI for render.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Guidance for adding native trigger services to Windmill. An agent skill from windmill-labs/windmill.

windmill-labs/windmill

Designs heading hierarchies for screen reader navigation and cognitive accessibility on pages, articles, dashboards and forms.

Owl-Listener/inclusive-design-skills

Epupp design context, principles, and visual foundation. An agent skill from PEZ/epupp.

PEZ/epupp

Svelte component patterns. An agent skill from spences10/svelte-claude-skills.

spences10/svelte-claude-skills

Карта файлов копирайта в .agents/copy/: шаблоны, статусы, цепочка audience→headlines→ux.

VKirill/claude-lane-stack

Core visual design principles (visual hierarchy, Gestalt grouping, composition, balance, contrast, white space, color, typography) with UI fixes, a checklist, and deep-dive references.

HermeticOrmus/LibreUIUX-Claude-Code

This rule helps in reviewing the component before shipping to make sure all important things are checked

razorpay/blade

Home Assistant frontend Lit conventions. An agent skill from home-assistant/frontend.

home-assistant/frontend

Guide for the Kimix web frontend (src/app/) — vanilla TypeScript + Vite, SSE-based chat UI mirroring ssecli.py.

Sikao-Engine/KimiX

コンポーネントのMDXドキュメントを作成・更新する

digital-go-jp/design-system-example-components-html

Expert developer for Calcpad.Web/frontend - the TypeScript/Vue 3 frontend monorepo.

imartincei/CalcpadCE

3rd-party test and monitor result ingestion into Dynatrace Grail via the platform events ingest API (platform/ingest/custom/events/).

Dynatrace/dynatrace-for-ai

Keeps changes to @tabler/core backward compatible so patch and minor releases never break projects, covering what counts as public API and how to alias renames.

tabler/tabler

Explains which build step writes each asset directory in the Tabler repo and how to fix missing, stale or duplicated CSS and JS files.

tabler/tabler