Best frontend development skills, page 4

A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

jiushiwon/wg-skills

Writes and reviews Blazor .razor components with correct parameters, EventCallback, lifecycle, async and disposal patterns, for components that need no JavaScript interop.

dotnet/skills

Writes and changes pages, layouts, forms and HTMX fragments in an Arandu Go app using its .kyse.go templates, escaping rules and Content-Security-Policy limits.

arandu-io/arandu

Walks through adding a keyboard shortcut to LobeHub: the id type, default registration, translation text, the hook and an optional tooltip, plus scope and conflict advice.

lobehub/lobehub

Shows how to build modals, dialogs and confirmations in LobeHub with the base-ui imperative API (createModal, confirmModal, ModalHost) instead of declarative Modal components.

lobehub/lobehub

Explains LobeHub's split between src/routes page segments and src/features domain code, and where router config, redirects and platform adapters belong.

lobehub/lobehub

A skill your agent uses when verifying a running application end-to-end through its real interface — a web UI, a CLI, or a TUI — by writing and executing agent-run "scenario cards" against a freshly…

obra/dotfiles

Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

Generic frontend development patterns for VeChain dApps — React Query, Turborepo architecture, state management, Chakra UI, i18n, loading states, and transaction UX.

vechain/x-app-template

A skill your agent uses when designing, reviewing, adding, enabling, disabling, installing, configuring, or debugging a plugin, bundle, feature, page, panel, tool, or MCP connection in the current…

Zhou-Yujing114514/deepseek-harness-linux

Makes reproducible screenshots of Tabler components and screens for release notes, the website and social posts, using the repository's screenshots app.

tabler/tabler

Creates admin dashboards and app pages with the Tabler UI kit on Bootstrap 5, using the published docs for real markup instead of guessed class names.

tabler/tabler

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 whenever the user wants to build an agent application — their own program with an embedded agent, such as an AI app, an agentic app or a RAG app.

Prism-Shadow/penguin-harness

Use the local InnoClaw CLI to run app workflows and Deep Research sessions from the terminal.

SpectrAI-Initiative/InnoClaw

Finds why a running web app misbehaves when the console is empty and the code looks fine, by reading the click, request, store and console together.

reticlehq/reticle

A skill your agent uses when Codex must act as a senior UI web interface designer to observe an existing system page, inspect the current product style and available page functions, then redesign or…

LAIJiangFeng/resume-builder

Iterative frontend development loop using Meticulous for per-step visual validation.

FlintSH/Flare

Picks and customizes CometChat's Angular UI Kit components by their verified component list, exact input and output event names, and the surfaces that have no kit component at all.

cometchat/cometchat-skills

Guides building a new Handsontable cell editor through its four-state lifecycle, DOM setup, viewport-aware positioning and async validation, matching the grid's existing editor classes.

handsontable/handsontable

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills

Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed.

myICOR/myPKA

The standard for writing new skills for the AI Edit Video system - file structure, frontmatter, tone of voice, and how to accumulate production lessons into skills.

notivn/AIEV

Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.

MemTensor/memmy-agent

使用 Playwright 与本地 Web 应用程序交互及进行测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图以及查看浏览器日志。

LeastBit/Claude_skills_zh-CN

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

imartincei/CalcpadCE

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

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

Scaffolds new NEAR dApps with create-near-app or adds NEAR wallet sign-in, contract calls and transaction signing to an existing React or plain JavaScript app.

internet-court/internet-court-skill

Collects your feedback on a running feature, typed or spoken and drawn in the browser, and turns it into focused UX fixes saved as local commits.

EveryInc/compound-engineering-plugin

Enables or builds CometChat features such as polls, reactions, smart replies and pinned messages in an Angular app, first classifying how much client code each one needs.

cometchat/cometchat-skills

Rules for creating or changing a Handsontable plugin: file layout, lifecycle, hook registration, settings, conflict registration and IndexMapper use.

handsontable/handsontable

Rules for writing a Handsontable cell renderer: a pure function that calls baseRenderer first, sets text safely and stays cheap because it runs for every visible cell.

handsontable/handsontable

Rules for writing a Handsontable cell validator: a callback-based function bound to the cell properties that must always call back and never modify data or the DOM.

handsontable/handsontable

How to add user-facing text to Handsontable through language constants and locale files, and how to handle right-to-left layouts, IME input and locale-aware casing.

handsontable/handsontable

Rules for changing Handsontable's Walkontable rendering engine: the TableView boundary, dependency injection through wire.ts and DOM geometry reads via GeometryReader.

handsontable/handsontable

A skill your agent uses when designing or implementing motion for web interfaces, including CSS transitions and keyframes, linear() easing design, transform strategy (translate/rotate vs…

scott-fryxell/brayness

Rules for writing Lit elements in an AIDD project: binding elements on DatabaseElement, observed values, presentation components and action-style callbacks.

paralleldrive/aidd

Creates unique, production-grade frontend interfaces with exceptional design quality.

YYH211/Claude-meta-skill

Guides React UI animation built on spring physics with React Spring and Popmotion: hooks, config presets, trails, list transitions and scroll or in-view effects.

freshtechbro/claudedesignskills

Coding conventions for Angular 19 and later: standalone components, signals, OnPush change detection, lazy routes and where RxJS still belongs.

irahardianto/awesome-agv

Zero-build frontend development for static apps, browser extensions, maps, and lightweight data-backed interfaces.

jamditis/claude-skills-journalism

Guide to writing JavaScript extensions for the ComfyUI frontend from custom nodes, covering lifecycle hooks, widgets, sidebar tabs, commands, settings, toasts and dialogs.

jtydhr88/comfyui-custom-node-skills

Create distinctive, production-grade frontend interfaces with high design quality.

JetBrains/skills

Design or restyle web interfaces in the user's neo-industrial or editorial-brutalist style.

elithrar/dotfiles

Load this skill when adding or reviewing web UI motion such as animations, transitions, entrances and exits, hovers, modals, dropdowns, toasts, page transitions, and micro-interactions.

planetabhi/riseofmachine