For frontend developers

Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order.

lobehub/lobehub

Applies LobeHub's four design values and per-module interaction checklists when building or reviewing user-facing flows, covering behavior over time rather than visual style.

lobehub/lobehub

Runs a repeatable UX review of one screen against the Designing Interfaces pattern language and LobeHub's ux checklists, using static, visual and dynamic layers.

lobehub/lobehub

Regression testing strategies for AI-assisted development. An agent skill from affaan-m/ECC.

affaan-m/ECC

Plan 模式的视觉设计分支。基于需求选择视觉方向，再结合业务页面规划维护 build-plan.json 的 visualStyle，供 CLI 派生 design.md。

openyida/openyida

A skill your agent uses when reviewing, debugging, or cleaning up existing 8StarLabs UI usage.

8starlabs/ui

Measure runtime perf, bundle size, and memory impact of unicode-segmenter changes.

cometkim/unicode-segmenter

Plan a new feature end-to-end — impact analysis across all layers, start-from-the-middle slicing into deployable steps, then delegating to /domain, /read-model, /controller skills

RailsEventStore/ecommerce

How to verify Massing web/viewer UI changes LIVE — full verification works; two historic "stalls" are fixed and neither was the geometry loader.

ibuilder/massing

Build a new AI tool end-to-end — Rust implementation, toolset wiring, infra, schema generation, and frontend UI.

macro-inc/macro

A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors).

streamband/hydra-srt

Write concise alt text for a local image file. An agent skill from bholmesdev/skills.

bholmesdev/skills

审查并提交独立 ZUI 扩展项目的改动；用户直接调用本技能即进入提交模式，必要检查通过后直接提交。只要求分析、评审或生成提交信息时保持只读。

easysoft/zui

Form handling with React Hook Form and Zod validation. An agent skill from emanueleielo/deepagents-open-lovable.

emanueleielo/deepagents-open-lovable

A skill your agent uses when classifying, investigating, or fixing a suspected flaky test, intermittent test result, nondeterministic CI test failure, timing race, hang, or test-order dependency in…

DataDog/dd-trace-js

Design terminal user interfaces and interactive CLIs that stay usable, accessible, and scriptable.

caarlos0/dotfiles

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Open Design uses for its own…

sanqiufong/slides-from-anything

React Native development. An agent skill from 2SSK/dot-files.

2SSK/dot-files

Pre-send email quality review and scoring across 5 dimensions (subject line, copy quality, technical/HTML, deliverability, compliance).

AgriciDaniel/claude-email

The house standard for any skill that renders an HTML page for a person to read, covering design tokens, typography, components, diagrams, and quality gates so every generated page shares one calm…

greenfield-inc/Pane

Applies a chosen visual direction, an archetype or one of 138 named design systems, by remapping design tokens, then checks contrast before it finishes.

plugin87/ux-ui-agent-skills

Implements animated effects, transitions, and motion in a Flutter app.

btwld/superdeck

Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text.

sanity-io/agent-toolkit

Write a service-layer unit test in agent-manager-service (the Go control plane).

wso2/agent-manager

A skill your agent uses when changing the PenguinHarness Web App (packages/web) or the shared UI package — adding or restyling any UI, picking a status colour, adding an icon, laying out a row or a…

Prism-Shadow/penguin-harness

Convert Figma designs to GenerateBlocks V2 format for WordPress

wpgaurav/generateblocks-skills

Research transit, walking, cycling, pedestrian infrastructure, and airport access for a site.

AlpacaLabsLLC/skills-for-architects

Run a LEAPP tool end to end against a real extraction to validate artifact changes and produce a handoff.

abrignoni/VLEAPP

Design and review work that runs concurrently, waits, retries, or owns resources.

tola-rs/tola-ssg

How to fix a test that fails intermittently in Bike Index — one that passes locally but fails on CI, fails on one shard, passes on re-run, or is already tagged :flaky.

bikeindex/bike_index

Shows project progress, phase completion status, test coverage, and deployment info.

serithemage/serverless-openclaw

Initialize a new Bun project with TypeScript and optimal configuration.

involvex/youtube-music-cli

Decompose a task into steps with completion checkpoints. An agent skill from MigoXLab/webqa-agent.

MigoXLab/webqa-agent

A skill your agent uses when adding or modifying a Redux feature folder in the nekocap frontend — creating slices, writing sagas, defining selectors, changing persisted state shape, or touching…

nopol10/nekocap

Scroll-native one-page landing that overwhelms — concept, composition, asset placement, and scroll choreography derived from DESIGN.md and the measured landing-craft codex.

kwakseongjae/oh-my-design

Extract hardcoded user-facing string literals from a Jetpack Compose / Compose Multiplatform file into the owning module's composeResources/values/<modulestrings.xml, then replace each call site…

r0adkll/Campfire

Report a ButterCut bug to the people who build it. An agent skill from barefootford/buttercut.

barefootford/buttercut

Use the ONE backend (@oneie/sdk) from this frontend via the plugin-backend wrapper.

one-ie/one

A skill your agent uses when you need to design accessibility testing against WCAG, keyboard navigation, and assistive technology scenarios; triggers include accessibility testing and a11y testing.

naodeng/awesome-qa-skills

Fetch data in Sentry's frontend with TanStack Query and apiOptions.

getsentry/sentry

Generate snapshot test files for Sentry frontend React components.

getsentry/sentry

Create or update component documentation in Sentry's MDX stories format.

getsentry/sentry

Persist guidelines, conventions, and architectural decisions into the repository's knowledge base.

commercetools/ui-kit

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

Manavarya09/design-extract

Designs forgiving forms and flows: prevent input errors, write messages that say what happened and what to do, and add undo, confirmation and recovery paths.

Owl-Listener/inclusive-design-skills

用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

LeastBit/Claude_skills_zh-CN

A skill your agent uses to capture visual artefacts from a device for test failures, golden image generation, QA repro, and demo videos.

skydoves/android-testing-skills

Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation.

HermeticOrmus/LibreUIUX-Claude-Code