For frontend developers

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

compozy/compozy

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

one-ie/one

A skill your agent uses when you need to parse multi-format API definitions and generate Bruno collections for executable regression; triggers include Bruno collections and Bruno API testing.

naodeng/awesome-qa-skills

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

Generate CodMate skill drafts from requirements. An agent skill from loocor/codmate.

loocor/codmate

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

A skill your agent uses to pick the correct Compose UI test entry point.

skydoves/android-testing-skills

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

A skill your agent uses when implementing any code in recursive-mode Phase 3.

try-works/recursive-mode

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

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

Update expected output golden files for integration test suites.

runtimeverification/kontrol

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

Proves that a refactor leaves every rendered preview page unchanged by comparing fresh HTML output against a baseline captured beforehand.

tabler/tabler

[omh] AI agent progress for managers: help managers inspect AI-agent progress, blockers, quality gates, and throughput levers.

rlaope/oh-my-hermes

Write TEST-STRATEGY.md, a test plan per RFC, before the tests are written.

nurettincoban/ai-prd-workflow

Contains TypeScript/React patterns and conventions for the Mikoto frontend.

mikotoIO/mikoto

A skill your agent uses when adding or editing QA skills in seed-skills/ or getting them onto the live qaskills.sh catalog, e.g.

PramodDutta/qaskills

Create an offline HTML explanation of a code diff, PR, or branch.

first-fluke/fullstack-starter

A skill your agent uses when controlling a running Synchronet instance — recycling/reloading, shutdown, pause, clearing the failed-login list, or forcing a timed event.

SynchronetBBS/sbbs

How to write, run and debug automated UI tests for the Nalu.Maui component libraries using .NET MAUI DevFlow (in-app agent + Driver + CLI + MCP).

nalu-development/nalu

Post-cook quality gate. An agent skill from poteto/noodle.

poteto/noodle

Run sentence-level traceability verification on a blog, then generate viewer.html with interactive evidence panel.

QinghongLin/data2story-skill

Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase.

bluzir/claude-code-design

代码工具选择

Pixeval/Pixeval

Runs pre-trained Hugging Face models in JavaScript or TypeScript with Transformers.js, in browsers or Node.js, Bun and Deno, for text, vision, audio and multimodal tasks.

huggingface/skills

为分页列表添加统一的 LoadMoreFooter 组件（加载更多按钮、loading、没有更多了）。在列表底部分页、加载更多、hasMore、分页 footer 场景使用。

singleton-altman/MoviePilotLite

Animate react-horizontal-scrolling-menu scrolling and build right-to-left menus: noPolyfill defaults to true since v8, so transitionDuration (default 500), a custom-easing-function…

asmyshlyaev177/react-horizontal-scrolling-menu

Use after Phase 1 dependency updates are merged, before any Phase 2 propagation to sibling forks - runs the end-to-end devnet gate (up brings devnet/deploy/dev-server up, verify drives Chrome over…

Scaffold-Stark/scaffold-stark-2

Finds two or three well-maintained npm packages for a Front-End Checklist rule, checks download and release thresholds, and adds them to the rule's frontmatter.

thedaviddias/Front-End-Checklist

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it.

KumarSashank/motiscope

Where tests live in this repository, how to run them, and what a story owes in coverage.

Inebrio/Routerly

Captures baseline and current screenshots of the Keybase desktop app and compares them with ImageMagick to find pixel-level regressions between branches or edits.

keybase/client

A skill your agent uses when design doc exists but no ATS doc and no feature-list.json - generate a global Acceptance Test Strategy mapping every requirement to acceptance scenarios with category…

suriyel/longtaskforagent

Generate Foundry smoke tests that validate deployment health using DeployManager/Resolver against real on-chain state with pending governance applied.

OriginProtocol/origin-dollar

Set up Cloudflare Turnstile end-to-end in a project — scan the codebase, create the widget via the Cloudflare API, deploy the managed siteverify Worker, write the frontend snippets, validate, and…

try-works/role-model

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Implements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file uploads, and reorderable grids.

ancoleman/ai-design-components

Apply Test-Driven Development workflow for new features and bugfixes.

smartfrog/opencode-froggy