Best frontend development skills, page 5

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

Build and deploy AI agents with Cloudbase Agent (TypeScript), a TypeScript SDK implementing the AG-UI protocol.

TencentCloudBase/CloudBase-AI-Toolkit

Builds Next.js 14+ apps on the App Router with server components, server actions, explicit caching, SEO metadata, loading and error boundaries and Vercel deployment.

Jeffallan/claude-skills

Builds React 19 components in TypeScript with Server Components, useActionState forms, custom hooks and state libraries, checked with tsc and React Testing Library.

Jeffallan/claude-skills

Builds Vue 3 apps with the Composition API and script setup, Pinia state, Nuxt 3, Vite tuning and Quasar or Capacitor mobile builds, checked with vue-tsc and Vitest.

Jeffallan/claude-skills

Builds Vue 3 apps in plain JavaScript with JSDoc typing instead of TypeScript: script setup components, composables, Pinia and Vitest, with ESLint JSDoc coverage checks.

Jeffallan/claude-skills

Web platform design and accessibility guidelines. An agent skill from ehmo/platform-design-skills.

ehmo/platform-design-skills

Decides where CometChat chat UI goes in an Angular app: a dedicated route, a dashboard panel, a support widget or the full multi-pane app, with thread and search panels.

cometchat/cometchat-skills

Verify tlon-apps web UI changes end-to-end with a single local ship + vite dev server (lighter than the full playwright-dev rig)

tloncorp/tlon-apps

Sets rules for Angular HTTP code: functional interceptors, typed requests, services that own every call, and httpResource for reactive data loading in Angular 17+.

HoangNguyen0403/agent-skills-standard

Build or change anything under app/webui with Kiln's house controls and styles only.

Kiln-AI/Kiln

A skill your agent uses when an agent must inspect or operate an authenticated SAP web UI through an in-app Browser, Microsoft Edge CDP, or an existing Playwright client, especially when SAP SSO…

secondsky/sap-skills

OpenPost acceptance bar for frontend UI and copy changes. An agent skill from getopenpost/openpost.

getopenpost/openpost

Sets a build, test and verify routine for web projects: write typed, accessible code and never call work done until it is checked in a real browser with screenshots.

nanocoai/nanoclaw

Integrates uView UI into UniApp projects: installation, easycom, pages.json and manifest.json settings, navigation, platform differences and theming, with reference files.

feige996/unibest

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

xstongxue/best-skills

Implement and review trust-platform HMI schema/value/write contracts with safety guardrails.

johannesPettersson80/trust-platform

Builds interactive Rive animations for the web and React: state machines, inputs, ViewModel data binding and events, with scripts that generate component code.

freshtechbro/claudedesignskills

Expose a server setting in the Cockpit web console (389-console) or change web UI behavior.

389ds/389-ds-base

Design, deploy, and monitor a GenLayer Intelligent Oracle prediction market from any coding agent.

internet-court/internet-court-skill

REST/GraphQL API design patterns, error handling conventions, and input validation reference for backend development.

modu-ai/moai-adk

Run the docs site, blog, or Storybook locally. An agent skill from linuxfoundation/insights.

linuxfoundation/insights

Drive the Open Session web UI against an isolated demo server and capture proof for session, workspace, automation, goal, archive, or settings changes.

tellahq/opensession

Home Assistant frontend UI/UX readiness routing for new cards, badges, screens, and interaction patterns.

home-assistant/frontend

Index a codebase with GitNexus and serve an interactive knowledge graph via web UI + Cloudflare tunnel.

Tommy-yw/RunbookHermes

A skill your agent uses to turn researched or computed numeric data into source-grounded charts.

NVIDIA-AI-Blueprints/deep-researcher-agent

Use only when user explicitly asks to "open dashboard", "show dashboard", "launch dashboard", or "learning UI".

kirilxd/claude-tutor

Full-stack backend architecture and frontend-backend integration guide.

HHU3637kr/skills

You must use this skill when debugging web UI bugs or testing interactive components that require multi-step browser interactions.

sandgardenhq/sgai

Elite Tier Web UI standards, including pixel-perfect retro aesthetics, immersive layouts, and UX psychology protocols.

xenitV1/claude-code-maestro

Required context for all frontend work. An agent skill from ambient-code/platform.

ambient-code/platform

Browser inspection and interaction for verifying rendered web UI during development.

ntorga/agent-starter-kit

Check a visual deliverable, a web UI or a UI code change before it ships, and return evidenced findings and a verdict.

myICOR/myPKA

A skill your agent uses when maintaining the plugin web UI projection contract, docs, exemplar coverage, or recovery flow for mesh-llm plugin web UI work.

Mesh-LLM/mesh-llm

A skill your agent uses for all frontend and web UI tasks by default to apply a business-agnostic desktop web visual style system with medium-strength guardrails; if an existing design system is…

yusifeng/formax

Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO.

rand/cc-polymath

Set an ECC-specific frontend design direction for production UI work.

affaan-m/ECC

Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details.

boraoztunc/skills

A skill your agent uses when the user asks about my own features, configuration, or usage — installation, skills, Web UI, CLI, API config, memory, sessions, encryption, white-label, publishing…

clacky-ai/openclacky

This skill provides guidance for using the Packmind UI component library (@packmind/ui).

PackmindHub/packmind

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

Patterns and best practices for integrating ROS2 systems with web technologies including REST APIs, WebSocket bridges, and browser-based robot interfaces.

arpitg1304/robotics-agent-skills

A skill your agent uses when building or editing frontend UI components, layouts, styling, design system usage, colors, dark mode, or icons.

trycompai/comp

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