For frontend developers

Build the distributable and launch a local preview server to see the website

rainxchzed/RikkaUi

GPUI framework knowledge covering actions/keybindings, async/background tasks, context management (App/Window/Context<T/AsyncApp), custom elements (low-level Element trait), entity state management…

feigeCode/navop

How to write and run tests in Celeriant. An agent skill from celeriant/celeriant-db.

celeriant/celeriant-db

Best practices for writing R package tests using testthat version 3+.

quarto-dev/quarto-r

Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction.

Owl-Listener/designer-skills

Assess NFRs like performance security and reliability. An agent skill from chenjackle45/SayIt.

chenjackle45/SayIt

Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens.

dylanfeltus/skills

Applies practical Jetpack Compose patterns to Android UI code: state hoisting, one-way data flow, side effects, modifiers, theming and testable composables.

ModinMobileSTS/SlayTheAmethystModded

Triggers — CN: 你是美术总监夕潮 · 美术总监模式 | EN: You are Art Director Yushio · Art director mode | JA: あなたはアートディレクター夕潮です · アートディレクターモード | KO: 당신은 아트 디렉터 유시오입니다 · 아트 디렉터 모드 | ES: Eres Yushio director de arte ·…

Lynnouo/yushio

測定要件、2D 光路図、出所を記録した CAD から新しい測定光路を設計し、Blender 光学システムを再構築・監査・改訂します。高精細 optics-only モデル、Thorlabs 互換光機部品、光路 topology、全系検証、証拠範囲を明示した出版用レンダーに使用します。

k-telux/OpticalModeler

在 React 项目中接入、生成、修改、联调或验收 HiUI 典型页与非典型页面时使用。适用于 数据统计表、普通表格、树形表格、左树右表、数据可视化、异常反馈页、抽屉表单/详情、 全页编辑/详情、不规范原型截图转规范页、老旧系统截图/URL/源码现代化转译，以及 host-integration、rules-only、legacy-host-compatible 等场景。

XiaoMi/hiui

Builds polished browser-rendered HTML, CSS, JavaScript and React pages, dashboards, prototypes and slide decks, aiming for a stunning rather than merely functional result.

ConardLi/garden-skills

A skill your agent uses when implementing internationalization (i18n), String Catalogs, pluralization, or right-to-left layout support.

johnrogers/claude-swift-engineering

Nalu.Maui.Navigation: type-safe MVVM navigation with Shell, lifecycle events, intents, and guards.

nalu-development/nalu

Resolve material unknowns blocking the next authorized slice, using research, grilling, prototypes, models, or wayfinding.

ReinaMacCredy/maestro

Guides styling implementation using TailwindCSS + CSS Modules.

MatrixAges/polywise

DOTA2 自定义游戏 UI（Panorama）开发指南。触发词：UI、界面、面板、panorama、frontend、前端、HUD、layout、xml、css、样式。Use when user asks to create or modify DOTA2 custom game UI panels, React components, CSS styles, layout XML…

XavierCHN/x-template

Guide for building modern, accessible, and composable UI components.

Compound-inc/rift

Verify MQTT Viewer stays smooth under heavy broker load using the local flood harness.

mqtt-viewer/mqtt-viewer

NaiveTab 浏览器扩展的 Widget 开发指南。当用户要在 newtab-naivetab 项目中新增 Widget 组件、添加新功能组件时使用。涵盖需要修改的完整文件清单、配置规范、类型注册等，防止遗漏关键步骤。

GXFG/newtab-naivetab

配置和维护 AndroidProject-Compose 的 Navigation 3 导航，覆盖类型安全 NavKey、Feature Graph、模块 Navigator、回退栈、普通参数、Assisted ViewModel、结果回传和登录拦截。用户要求新增路由、页面跳转、传参、返回结果、登录保护或修复导航状态时使用。

Joker-x-dev/AndroidProject-Compose

Audit and fix WCAG 2.1 Level AA accessibility issues in BEEQ StencilJS components.

Endava/BEEQ

A skill your agent uses when migrating a WordPress site to a Hugo static site on GitHub Pages from a WXR export (.xml) plus the wp-content/uploads folder — preserving /archives/<id/ URLs, localizing…

jianshuo/claude-skills

Add a new empty subpage (tab) to an existing eIsland settings section with page navigation support.

JNTMTMTM/eIsland

Test quality validation through mutation testing, assessing test suite effectiveness by introducing code mutations and measuring kill rate.

proffesor-for-testing/agentic-qe

How design tokens and recipes flow from styleframe into Inkline — the presets, the two faces of virtual:styleframe, recipe class contracts, theming, and the rules for custom CSS in components.

inkline/inkline

Audit terminology consistency across documentation against the codebase UI labels and the glossary — in prose and in the UI strings shown in screenshots.

langgenius/dify-docs

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

adrianhajdin/react-native-lingua

Scaffold a test for a react-native-css feature following the project's testing conventions.

nativewind/react-native-css

Guide for creating custom types in Hammerspoon 2 — both shared engine types and module-specific types

cmsj/Hammerspoon2

Sync icons from the Figma file into icon and open a PR by dispatching the figma-icon-sync-code-connect.yml GitHub Actions workflow.

wanteddev/montage-web

Query boundaries with TanStack Query and Wellcrafted Results.

EpicenterHQ/epicenter

A skill your agent uses when building a new pixel-art or retro frontend with pxlkit (@pxlkit/ui-kit) — landing, dashboard, portfolio, game UI.

Joangeldelarosa/pxlkit

Generate accessibility infrastructure for VoiceOver, Dynamic Type, and accessibility features.

rshankras/claude-code-apple-skills

Design for Test — scan architecture planning, scan insertion, ATPG pattern generation, MBIST for embedded memories, and JTAG boundary scan.

hdl-tools/digital-chip-design-agents

Review wizard implementation. An agent skill from getsentry/sentry-wizard.

getsentry/sentry-wizard

Add, fix, audit, and maintain Flutter internationalization with gen-l10n, ARB files, AppLocalizations, flutterlocalizations, intl formatting, plural/select messages, RTL support, locale-specific…

MADTeacher/mad-agents-skills

A skill your agent uses when the user wants to run synthetic data generation via scripts — detect environment, execute a flow, and present results.

Red-Hat-AI-Innovation-Team/sdg_hub

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems…

Jason904/ui-skill-lab

分析 MaaEnd CreditShoppingMain 的日志。用于还原信用购物任务中实际购买了什么商品、每件商品的折扣力度、是否触发过刷新（或刷新次数已用尽）、稳健刷新是否触发、以及信用点的消耗状况。货架槽位必须以日志中的 CreditIcon（TemplateMatcher）为锚，有无 BuyFirstOCR/Priority2OCR…

MaaEnd/MaaEnd

Guide for writing tests. An agent skill from getsentry/toolkit.

getsentry/toolkit

Turns supplied content into self-contained HTML and PNG in two modes: card for one shareable frame（知识卡、信息卡、金句卡、封面、把要点做成一张图）, report for multi-section documents（可视化报告、HTML 汇报页、PRD/计划/评审做成网页）.

hylarucoder/hai-stack

Writes behavior-focused tests using Testing Trophy model with real dependencies.

rileyhilliard/claude-essentials

Build command-line apps in R using the Rapp package. An agent skill from posit-dev/skills.

posit-dev/skills

Runs a product quality review on a journey, feature, landing page, onboarding flow, or AI/agent surface and returns a friction log, a scored critical-journey review, and a taste bar your team can…

menkesu/awesome-pm-skills

ARM64 ELF and binary asset patching guidelines covering libchrome.so host redirection, multi-candidate offset resolution, companion .so trimming, and Hermes bytecode patching.

kveld9/kveld-morphe-patches

Create and update QuickStack frontend pages, React components, forms, dialogs, tables, streaming UI, and Zustand-backed state using the project's established UI conventions.

biersoeckli/QuickStack