Best agent skills for Frontend Developers, page 23

House style for TRMNL framework documentation copy. An agent skill from usetrmnl/trmnl-framework.

usetrmnl/trmnl-framework

Browser automation via 70 tabz MCP tools. An agent skill from GGPrompts/TabzChrome.

GGPrompts/TabzChrome

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site

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

Development and maintenance of Xray Config UI Editor. An agent skill from bropines/xray-config-ui-editor.

bropines/xray-config-ui-editor

Author a new Design System Doc Spec (DSDS) spec from component implementation, Figma design, or written requirements.

somerandomdude/design-system-documentation-schema

The original v1 taste-skill, preserved for projects depending on its exact behavior.

caorushizi/oss-client

Enforces a split of UI components into terminal and layout types, with layout components composing others through standard layout tokens, for cleaner structure and fewer re-renders.

paralleldrive/aidd

A skill your agent uses when a Simulink model is incompatible with Simulink Design Verifier (sldvcompat returns false, or an SLDV analysis errors out on an unsupported construct) and needs to be…

matlab/simulink-agentic-toolkit

Audit mobile App PRD/Figma/local-source consistency across page routes, KMP/Clean Architecture, components, analytics, i18n, engineering quality, and industry lenses before runtime validation; use…

leo-kuang-ai/spec-first

Kuikly UI 框架开发助手（传统 Kuikly DSL）。帮助使用 Kuikly 组件（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件）和模块（Router、Network、SP、Notify 等系统模块），自动提供正确的 import 语句、API…

Tencent-TDS/KuiklyUI-AI

Use this when speeding up a web or Electron app's load or input.

jjcm/makefaster

多语言翻译技能，支持中英日德法等多种语言的互译。专注于专业术语的准确翻译，保持原文格式一致性，适用于技术文档、学术论文、商业报告等专业化内容的翻译。触发条件：用户提及"翻译"、"中英翻译"、"英文版"、"多语言"、"localization"等关键词。

stophobia/deerflow2.0-enhanced

Guides porting existing Android 2D apps to Meta VR and Horizon OS — input adaptation, panel layout, and design requirements.

meta-quest/agentic-tools

Port a browser-engine change between sibling editions or long-lived branches of the same codebase, in either direction.

nordstjernen-web/northstar-browser

Bootstrapping GlueUnitTests that touch GlueState.Self/GlueCommands.Self/ProjectManager.

vchelaru/FlatRedBall

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

A skill your agent uses when adding or changing user-facing strings in the extension (i18n.t calls or locale JSON) under packages/danmaku-anywhere.

Mr-Quin/danmaku-anywhere

Discover and integrate Sona UI registry components. An agent skill from Dinil-Thilakarathne/sona-ui.

Dinil-Thilakarathne/sona-ui

检查前端多语言 key 完整性。当用户要求检查 i18n、多语言缺失、翻译 key 或运行 check-i18n 时使用。

WrBug/PolyHermes

Designs and reviews Android screens with attention to touch ergonomics, adaptive layouts, accessibility, state handling and an implementation handoff.

ModinMobileSTS/SlayTheAmethystModded

A skill your agent uses when the user asks to make a site installable, turn it into a PWA, add a service worker, add a web app manifest, enable "add to home screen", or support offline.

spinspire/pocketbase-sveltekit-starter

优化 Vue 页面，用 Fantastic-admin 框架内建组件（packages/components/）替换自定义实现和原生 HTML。当用户说：'帮我优化这个页面'、'把这些原生 HTML 换成框架组件'、'用 FaCard/FaModal/FaButton 重构一下'、'这个页面太乱了'、'统一一下 UI…

fantastic-admin/basic

Use TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

Activate when you see offload.toml in a repo, offload referenced in build targets (justfile, Makefile, scripts), or when you need to run a large test suite in parallel.

imbue-ai/offload

Selects and designs the smallest integration/E2E test set that proves accepted behavior at an observable boundary.

shinpr/ai-coding-project-boilerplate

Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer.

alex-durango/pingfusi

Nalu.Maui.Core utilities for soft keyboard handling and background iOS HTTP.

nalu-development/nalu

Arroxy app i18n workflow. An agent skill from antonio-orionus/Arroxy.

antonio-orionus/Arroxy

Write comprehensive NUnit tests for the Dynamo codebase following Dynamo testing patterns, conventions, and architectural constraints.

DynamoDS/Dynamo

Triage a bug report against the triagebot-action codebase. An agent skill from withastro/triagebot-action.

withastro/triagebot-action

Nightly refactor review: find the systems the last day's commits hit hardest, use three weeks of history to tell fragile from fast-moving, write a plan per systemic fix, and file deduplicated Jira…

BuilderIO/agent-native

The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure.

DataRepublican/datarepublican

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

Builds, styles, and reviews UI with BEEQ, Endava's web-component design system.

Endava/BEEQ

Debug and stress-test lemon gateway behavior by acting as both sides of Telegram conversations: run lemon-gateway with debug logs, then use Telethon with user credentials to send/reply messages in a…

z80dev/lemon

How to drive the ralph-tui TUI (run, watch mode, pause/quit paths) end-to-end in a real terminal with a fake agent and a scratch beads tracker, without AI credentials.

subsy/ralph-tui

Align a MuJoCo MJCF robot model with a URDF source while preserving kinematics, geometry, masses, centers of mass, and inertia tensors.

i2rt-robotics/i2rt

Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone.

textura-agency/next16-claude-starter

How Inkline components are built and kept consistent — the headless/styled split, family anatomy, prop/axis conventions, recipe consumption, the current 5-family catalog and its gap list.

inkline/inkline

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm

Shrink code, tests, comments, and docs to what carries meaning — delete dead paths, redundant states, and refactor-dragging tests outright, then hold the survivors to the four bars.

tola-rs/tola-ssg

生成或扩展 OryxOS 的 Web 管理台（web manager）前端——Vue 3 + Vite 单页应用，视觉与官网首页 （website/，VitePress）完全同源：深色底 + 橙色主色、Inter/JetBrains Mono。内置这套设计 token、 工程约定（base '/admin/'、产物落 oryxos-web static/admin、SPA…

oryx-labs/oryxos

Guides Lovart Agent from one visual reference to a coherent brand system, campaign assets, and packaging concepts through a gated creative-direction workflow.

amirmushichge/brand-system-skill

Use inside RSIBench-Data when testing whether an automation agent can improve a target model on a configured benchmark through synthetic Tinker SFT data, Tinker sampling, and E2B-based Harbor…

evolvent-ai/RSIBench-Data

Discovers and injects project-specific coding guidelines from .trellis/spec/ before implementation begins.

anjiemo/SunnyBeach

Apply a Swiss International Style design system using Tailwind CSS.

try-works/role-model

A skill your agent uses when changing FlClash UI text, scanning for hardcoded Chinese strings, updating ARB localization, or fixing generated locale output in this repository.

yqlay/flclash-tui