Best frontend development skills, page 3

Adds animated page transitions to multi-page sites with Barba.js, covering the wrapper and container markup, lifecycle hooks, views and GSAP integration.

freshtechbro/claudedesignskills

Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius…

bryllim/bryl-minimal-design

Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.

Orange-OpenSource/Orange-Boosted-Bootstrap

A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

MaxHan7/frontend-ui-standards-skill

Swaps native form elements in Chamilo Vue files for Base components and checks that every Base, SectionHeader and Fieldset tag has its import.

chamilo/chamilo-lms

Guide a new AgentUse user from a confirmed project to one validated first agent and its first CLI or Web UI run.

agentuse/agentuse

Overmind Console design system — semantic tokens, shared primitives, geometry and icons, the border-contrast floor, the duplicated table implementations, and the verification scripts.

overmind-core/overmind

Enforces Windmill-specific Svelte habits: reuse one of 1,600+ existing components, follow the brand guidelines by section, and never fall back to raw HTML elements.

windmill-labs/windmill

Chooses between running regular npm frontend frameworks under Deno and building with Fresh, Deno's island-architecture framework, with Fresh 2.x guidance.

denoland/skills

Layout structure for web interfaces. An agent skill from Lily-404/blog.

Lily-404/blog

A skill your agent uses when manually QAing Peated changes across the API, CLI, or web UI; selecting smoke checks after code changes; using agent-browser for Peated flows; verifying local behavior…

dcramer/peated

Write finished Calliope story content — beats, cast, screenplay scenes, shot clips, continuity requirements — into an existing Calliope project through the calliope-cli bridge.

benjiyaya/Calliope

Sets the rules for static or server mode Jaspr apps in Dart, covering dual entrypoints, the client annotation and data hydration.

rodydavis/signals.dart

The moi workspace — the web UI the user chats from, extended with agent-authored applets (widgets, views) plus theme & config.

molefrog/moi

Guide for developing the MonsterMQ web dashboard. An agent skill from vogler75/monster-mq.

vogler75/monster-mq

React/Redux frontend development patterns for RedisInsight UI: component folder structure, styled-components, hooks, named exports, barrel files, layout components, and theme usage.

redis/RedisInsight

Run the Lathe worker loop so the web UI's Ask / Verify / Add-a-part buttons drive work directly in this session instead of handing back a command to paste.

devenjarvis/lathe

Generates HTTP request examples for Spring Boot Web interfaces according to task specification and saves them as .http files in module-generate.md directories

Juncai22/spring-ai-agent-learning

Guides building an MCP app: an MCP server that also serves interactive UI widgets such as forms, pickers and confirm dialogs, rendered inline in chat hosts like Claude and ChatGPT.

anthropics/claude-plugins-official

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills

Guides building Gradio web UIs and ML demos in Python, covering Interface, Blocks, ChatInterface, event listeners, layouts and chatbots.

huggingface/skills

Operately frontend data fetching with TanStack Query. An agent skill from operately/operately.

operately/operately

A skill your agent uses when the user wants to organize a qBittorrent library — missing files, duplicates, inconsistent save paths or categories, or renaming.

Torrent-Vibe/Torrent-Vibe

Search local documents, files, notes, and knowledge bases. An agent skill from gmickel/gno.

gmickel/gno

Picks and configures the right layout for a Tabler preview page and covers changing or adding layouts in shared/layouts, including DefaultLayout props and the page-header slot.

tabler/tabler

NERV Operations Console aesthetic for web interfaces — Evangelion-inspired instrumentation UI with black void backgrounds, sparse high-contrast color coding (orange headers, green nominal data, cyan…

TheGreatGildo/nerv-ui

Add an API-backed feature to the console (React/TypeScript web UI).

wso2/agent-manager

A skill your agent uses when working on AUTO-MAS frontend UI, Ant Design Vue components, page layout, forms, tables, modals, drawers, feedback, empty/loading/error states, drag interactions, dark…

AUTO-MAS-Project/AUTO-MAS

A skill your agent uses when designing, reviewing, or improving web UI visual quality, especially when a developer-built interface feels cluttered, flat, generic, poorly spaced, weakly hierarchical…

chaxus/ran

Advanced financial calculator with future value tables, present value, discount calculations, markup pricing, and compound interest.

aAAaqwq/AGI-Super-Team

Route Audiobook Organizer maintainer work across issue, implementation, testing, web UI, ABS, and PR skills.

jeeftor/audiobook-organizer

Design thinking and decision-making for web UI. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

Verify browser behavior or reproduce a web UI issue with the installed Playwright CLI.

bitsocialnet/5chan

Explains how to build or change a Handsontable cell type that bundles an editor, renderer and validator under one registered name, including registration steps and value rules.

handsontable/handsontable

Add a complete Yontrack property type — Kotlin PropertyType class, GraphQL mutation provider, and all required frontend UI components (Icon, Display, Form, FormPrepare).

yontrack/yontrack

Create and revise static visual designs as editable Tesseract compositions and rendered PNGs, including posters, social graphics, slide layouts, diagrams, and web/UI mockups.

mirage-hq/Tesseract

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

jjyaoao/HelloAgents

Rules for writing UI code in Warp's headless TUI front-end with the cell-grid TuiElement library, kept separate from the pixel-based GUI app.

warpdotdev/warp

Launch an interactive web UI for reviewing, editing, and approving AI-generated slide presentations with human-in-the-loop feedback.

solid-shuwen/shuttleslide

Control and inspect the user's real Google Chrome through byob's local MCP tools.

wxtsky/byob

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

Complete UI/UX design capability — a wiki-style knowledge map of design theory (UX laws, Nielsen heuristics, usability, visual hierarchy, typography, contrast/WCAG, design systems…

syahiidkamil/Software-Engineer-AI-Agent-Atlas

Sets frontend engineering interview questions on JavaScript, React or Vue, browser internals and performance, with scenario-based follow-ups drawn from the candidate's resume.

Snailclimb/interview-guide

微信公众号文章发布完整流程管理，包括AI辅助创作、图片生成、排版和发布。

ImGoodBai/goodable

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Important guidelines for writing frontend UI code. An agent skill from razorpay/blade.

razorpay/blade

A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…

lumose-health/GlycemicGPT

Drive the live debbie.codes Nuxt site (web UI) the way a user does via Playwright — launch the dev server, doctor health, exercise mapped features, capture screenshots/ARIA evidence, and clean up.

debs-obrien/debbie.codes