Frontend & Design · For frontend developers

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

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

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

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

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

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

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

A skill your agent uses when building UI with the ranui web-component library (elements like <r-button, <r-modal, <r-select, <r-input, <r-message) or its fluent DOM builder (ranui/builder —…

chaxus/ran

Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages.

telerik/kendo-themes

Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook.

umbraco/Umbraco.UI

A skill your agent uses when a patch or local changes rename, restructure, move, or replace Fluent (.ftl) strings - or migrate legacy .properties strings to Fluent - and you need a migration recipe…

BrowserWorks/waterfox-android

Migrate Vuelidate form validation to Regle. An agent skill from victorgarciaesgi/regle.

victorgarciaesgi/regle

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

Add a new UI language/locale to the claude-code-gui webview i18n system, or extend/verify an existing one.

Swttch/swttch

Trigger when the user requests a review of frontend files (e.g., .tsx, .ts, .js).

Ohh-889/skyroc

A skill your agent uses when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Check GitHub notifications for upstream dcastil/tailwind-merge pull requests and port merged ones into this Ruby gem (branch, translated code, tests, commit, PR).

gjtorikian/tailwind_merge

Applies red-green TDD to behavior unit tests cannot reach, by stating the expected outcome against the running app with Reticle before writing the feature.

reticlehq/reticle

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

marigold-ui/marigold

Creates a visual engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML, with one AI-generated diagram image per…

disler/pi-agent-observability

Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, Blueprints, and…

robotostudio/turbo-start-sanity

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a.

DejavuMoe/Smoji

Quickly assemble a temporary AI agent team for a task. An agent skill from MaxMiksa/Auto-Company.

MaxMiksa/Auto-Company

Gives a route in Chamilo's Vue app its breadcrumb entirely from router meta fields, without editing the Breadcrumb component or naming pages.

chamilo/chamilo-lms