Frontend & Design · For developers

How an AI agent plans, builds, and deploys a complete Ethereum dApp.

austintgriffith/ethskills

React Three Fiber (R3F) and Poimandres ecosystem best practices.

zebbern/claude-code-guide

Anatomy and maintenance of inkline-starter- repos and examples — the two starter flavors, what every starter must include, per-framework specifics, and the…

inkline/inkline

使用Node/TypeScript SDK构建MCP服务器——工具、资源、提示、Zod验证、stdio与可流式HTTP对比。使用Context7或官方MCP文档获取最新API信息。

affaan-m/ECC

Code style, logging, and testing conventions for SkillHub backend (Java) and frontend (TypeScript).

iflytek/skillhub

Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend.

iflytek/skillhub

Cover Stimulus controller fundamentals: lifecycle hooks, values and valueChanged callbacks, targets and target callbacks, outlets, action parameters, keyboard events, and controller architecture…

TheHotwireClub/hotwire_club-skills

Run a design arena: a coordinator fans out N subagents (default 7) that each prototype one UI section through a different lens, switchable in-app via a temporary prototype selector, refined in rounds.

archestra-ai/archestra

Design pricing models that developers understand, accept, and can predict.

sickn33/agentic-awesome-skills

Interactively debug source code — set breakpoints, step through execution line by line, inspect live variable state, evaluate expressions against the running program, and navigate the call stack to…

sickn33/agentic-awesome-skills

Consults existing breadcrumb analysis docs before exploring the codebase.

deepklarity/harness-kit

Implement, refactor, or review modern macOS SwiftUI UI for the new design system and Liquid Glass.

robinebers/openusage

Add new AppTheme.Icon entries by pulling Icons8 icons (Arcade style by default) and converting them to Compose ImageVectors via the Valkyrie CLI.

r0adkll/Campfire

Get confident tech stack recommendations for any software project based on requirements, with justification for each choice, Claude Code prompts to build with that stack, deployment strategy, and…

zanecole10/software-tailor-skills

Wavelet 项目专用：当新增或修改启动时设置、数据库系统设置、业务设置、公共可见配置、/admin/system 参数配置、/admin/settings 图形化设置界面，或前端公共配置消费逻辑时必须使用。本技能指导设置类型判定、SystemConfig 字段与 visibility、goose SQL 初始化/升级、热更新读取、公共配置暴露、shadcn 图形组件和验证流程。

Rain-kl/OpenFlare

Implement focused Audiobook Organizer features across CLI, organizer core, TUI, web UI, or ABS workflows while following issue, branch, tests, docs, and changelog rules.

jeeftor/audiobook-organizer

Applies systematic tracing and isolation techniques to pinpoint exactly where a bug originates in code.

rohitg00/skillkit

Structure a dev-tool homepage that converts developers into champions.

AIDevGTM/gtm-cofounder

One canonical Zod schema per entity, reused across the stack instead of redeclared at each layer.

TheDecipherist/claude-code-mastery-project-starter-kit

This skill should be used when the user asks to "test this website", "run exploratory testing", "check for accessibility issues", "verify the login flow works", "find bugs on this page", or requests…

github/awesome-copilot

A skill your agent uses when designing or reviewing the request layer of a frontend project (web / uni-app / mini-program), including request.ts wrappers, interceptors, deduplication, mocks, error…

jiushiwon/wg-skills

Internal gh-aw architecture: validation system design, safe output message patterns, schema validation, YAML compatibility notes, and MCP logs guardrail.

github/gh-aw

Discover, compare, preview, clone, and orchestrate current GEOFlow frontend experiences across the default site and GeoFlow Agent channel sites, including Laravel Blade themes, homepage module/style…

yaojingang/yao-geo-skills

Broad regression QA of the Breeze RMM web UI via Playwright — exercising everyday MSP workflows and setup tasks like a human QA tester, logging functional PASS/FAIL plus UI/UX observations, and…

LanternOps/breeze

Drive a native GUI app (macOS, Windows, Linux) via the cua-driver CLI (default) or MCP server; snapshot its accessibility tree, act through snapshot-bound element tokens, native menu paths, exact…

bastani-inc/atomic

Deploy static sites and full-stack apps on Cloudflare Pages with previews, functions, and custom domains.

sickn33/agentic-awesome-skills

Load automatically when planning, researching, or implementing Medusa storefront features (calling custom API routes, SDK integration, React Query patterns, data fetching).

medusajs/medusa-agent-skills

Author SVG figures for Grida docs — diff-able, version-controlled vector diagrams embedded in doc pages instead of screenshots.

gridaco/grida

A skill your agent uses when adding, refactoring, or reviewing AUTO-MAS plan schedule types, including backend PlanConfig registration, plan API/schema contracts, plan combobox consumers, frontend…

AUTO-MAS-Project/AUTO-MAS

A skill your agent uses when adding a new infrastructure component (worker, scheduler, database, redis, ingress, observability) to the Aegis Stack framework itself, or adding a new variant axis…

lbedner/aegis-stack

Stage 2 of the SDD pipeline — turn a ZettelFlow spec (in the GitHub issue body) into a technical plan posted as an issue comment (approach, files by layer, Obsidian score-rule impact, test strategy…

RafaelGB/Obsidian-ZettelFlow

A skill your agent uses to wire the correct Gradle dependency matrix for Jetpack Compose UI tests.

skydoves/android-testing-skills

Generate bi-weekly announcement posts for Blade Design System updates by analyzing changelog entries from the past two weeks

razorpay/blade

How to cut a release or a prerelease on a docouture Antora documentation site scaffolded with Versioned (Full History) mode: docouture version, docs/.release-version, and the docouture-release.yml…

InditexTech/weavejs

Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets.

AThevon/genjutsu

Build complete transactional email systems: React Email templates, provider integration (Resend, Postmark, SendGrid, AWS SES), preview server, i18n support, dark mode, spam optimization, analytics…

alirezarezvani/claude-skills

Create and edit draw.io diagrams in the Pneuma Diagram workspace.

pandazki/pneuma-skills

Frontend debugging team using Chrome DevTools MCP. An agent skill from catlog22/Claude-Code-Workflow.

catlog22/Claude-Code-Workflow

Add a new Enterprise Edition feature behind a feature gate, across backend and frontend.

rhesis-ai/rhesis

Turn a PR, branch, commit, or git diff into an interactive visual recap with diagrams, file maps, API/schema summaries, annotated diffs, and focused review notes.

BuilderIO/skills

Multi-agent orchestration enforcement for /team command. An agent skill from MadAppGang/claude-code.

MadAppGang/claude-code

Front-end JavaScript reverse engineering: locate signature chains, analyze encrypted request parameters, sample runtime behavior, and reproduce logic locally in Node for evidence-based output.

sickn33/agentic-awesome-skills

Detect DOM elements where CSS contain:layout+style would improve rendering performance.

Comfy-Org/ComfyUI_frontend

Build and audit SwiftUI, UIKit, and AppKit accessibility for VoiceOver, Voice Control, Switch Control, Full Keyboard Access, Dynamic Type, focus restoration, labels/traits/actions, traversal, custom…

dpearson2699/swift-ios-skills

This skill should be used when the user wants to create a standardized React 18 + TypeScript + Vite + Zustand project from scratch.

jiushiwon/wg-skills

React and Next.js performance optimization from Vercel Engineering.

Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI

Systematic performance profiling for Node.js, Python, and Go applications.

alirezarezvani/claude-skills

Wire Supabase Auth into this Next.js 16 app with @supabase/ssr — browser/server clients, the proxy.ts session refresh (Next 16 renamed middleware), getClaims vs getSession, protected routes and…

textura-agency/next16-claude-starter