Best agent skills for Frontend Developers, page 14

Creates phase-based feature plans with quality gates and incremental delivery structure.

serendipity1004/cc-feature-implementer

Authors OrchardCore documentation — MkDocs Material pages, module README docs, nav entries, admonitions, tabbed content, and redirects.

OrchardCMS/OrchardCore

This skill should be used when generating spec artifacts (research.md, requirements.md, design.md, tasks.md), formatting agent output, structuring phase results, or when any Ralph agent needs…

tzachbon/smart-ralph

A skill your agent uses when implementing features or fixing bugs with strict Test-Driven Development (TDD).

thedaviddias/skill-check

Review ComfyUI docs translation quality with LLM-as-a-judge (review-i18n.ts).

Comfy-Org/docs

A skill your agent uses when the user explicitly asks for TDD or a tests-first workflow, or when developing a new feature with a test coverage requirement.

cloudnative-co/claude-code-starter-kit

Launch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates…

shadcn-labs/framecn

Builds bidirectional Streamlit Custom Components v2 (CCv2) using st.components.v2.component.

iusztinpaul/designing-real-world-ai-agents-workshop

Upgrade the theme to the latest Hugo release - read release notes for deprecations, test with real binaries, fix templates/config, bump version pins, open a PR.

curtiscde/hugo-theme-massively

A skill your agent uses when building terminal user interfaces with React Ink - interactive CLI apps, terminal dashboards, progress displays, or keyboard-driven TUI components.

pass-agent/loomkin

Collapse test-shaped production boundaries while preserving behavior and coverage.

EpicenterHQ/epicenter

Adds interactive widget previews to the project using the previews.dart system.

abdulmominsakib/localmind

A skill your agent uses when developing applications with the Summon Kotlin Multiplatform UI framework.

codeyousef/summon

网页设计与部署。生成精美的单页 HTML 网页（报告、落地页、数据可视化等），支持一键部署到 Cloudflare Pages。使用 Tailwind CSS + Chart.js + Font Awesome 技术栈。当用户要求制作网页、生成报告页面、创建落地页、数据可视化展示、部署网页到线上时使用。

countbot-ai/CountBot

Inspect, act on, and verify native Apple-platform app interfaces using Loupe runtime snapshots, accessibility, screenshots, and action traces.

heoblitz/Loupe

Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI.

cursor/plugins

Create and render wireframes using wiremd — a text-first tool that converts Markdown into visual HTML mockups.

akonan/wiremd

Performance profiling principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

Generate interactive, inline HTML/SVG widgets (charts, diagrams, forms, dashboards, illustrations) that render in sandboxed iframes inside Kocoro Desktop chat.

Kocoro-lab/Kocoro

PBGui CSS design tokens for FastAPI frontend pages. An agent skill from msei99/pbgui.

msei99/pbgui

Conventions for creating, modifying, and reviewing production-faithful Storybook stories in the Phoenix frontend (js/app/stories, js/app/.storybook).

Arize-ai/phoenix

A skill your agent uses to extract a design.md from existing frontend code, websites, or screenshots.

Ikaleio/lm-detector

Build correct, accessible UI with @radix-ng/primitives — the signals-first, headless Angular primitive library.

radix-ng/primitives

Converts end-to-end (e2e) test targets or paths to bazel run commands for heir-opt.

google/heir

Generates and edits SVG logos, icons, and graphics. An agent skill from tryopendata/skills.

tryopendata/skills

A skill your agent uses when implementing Font Awesome icons in a CustomTkinter app with the ctkfontawesome package.

avalon60/ctk_theme_builder

Home Assistant frontend styling, theming, spacing, responsive layout, RTL, and View Transitions guidance.

home-assistant/frontend

A deterministic thinking partner that challenges assumptions and applies mental models to sharpen decisions, solve problems, and think more clearly.

mattnowdev/thinking-partner

Run a safe prototype-first UI/UX workflow across web, desktop, mobile, extensions, and multimodal design inputs.

DejavuMoe/Smoji

Project structure templates and scaffolding recipes for typical EdgeOne Makers applications — full-stack apps, static sites, API services, and AI agent projects.

TencentEdgeOne/edgeone-makers-tools

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs.

Ameyanagi/morphos

A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

buildnbuzz/buzzform

Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with…

OpenClaudia/openclaudia-skills

A skill your agent uses when creating, writing, fixing, or reviewing tests in a Flutter project.

FNOSP/FlyNarwhal

Adds a new end-to-end (e2e) test suite for the Crowdin CLI under tests/e2e/suites/, exercising real CLI commands against a freshly-created Crowdin project.

crowdin/crowdin-cli

Covers GSAP plugin use: registration, scroll, Flip, Draggable, SVG, text, physics and easing plugins, with the current free licensing and npm install guidance.

greensock/gsap-skills

Apply Shadmin feature-development standards (backend Go/Gin/Ent + frontend React/TS).

ahaodev/shadmin

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.

bergside/typeui

Transforma a imagem (PNG) de um logo num Shape do SwiftUI e num componente que desenha o contorno a traço e depois preenche (splash screen, loading, hero).

RhuanCruz/swiftui-logo-draw

Strict orchestration workflow for engineering tasks that must be solved one numbered problem at a time through an explicit cycle: define the current problem, build a Robust Code strategy, delegate…

danpacho/tailwindest

查询独立 ZUI 扩展项目的开发规范，解析目标库、扩展工作区、Git 所有权及所需宿主上下文；始终只读. An agent skill from easysoft/zui.

easysoft/zui

Builds new interface components inside an existing project, reusing its design system, stack and conventions instead of producing isolated demo UI.

kostja94/bricks

Build, configure, and run rtp2httpd locally, including embedded Web UI builds and build/runtime troubleshooting.

stackia/rtp2httpd

Editing or merging backend/lang/en.json and pl.json. An agent skill from Mes-Open/OpenMes.

Mes-Open/OpenMes

基于微单元模板与脚本批量生成并合并论文内容。Invoke when需要按微单元拆分逐单元写作并用 scripts/generatealloffline.py 与 scripts/merge.py 自动生成论文。

xzwwwwww/Enhanced-mathmodel-Codex-skills

Generates MoviePilot mobile plugin form adapters (vue mode).

singleton-altman/MoviePilotLite

Running a team of subagents on one design build: clone briefs, disjoint file ownership, isolated builds, the evidence packet, review lenses, the fix plan, verdicts, cold eyes and the stop rule, with…

AThevon/genjutsu

A skill your agent uses for ALL work in a SAP Spartacus (SAP Commerce Cloud composable storefront) Angular application — any storefront feature, component, service, routing, CMS component wiring…

SAP/spartacus