Frontend & Design · For frontend developers

Teaches the agent Jaspr's Flutter-like component model and typed HTML elements, with strict rules on build methods and helper syntax.

rodydavis/signals.dart

Design high-quality mobile app UI/UX screens, flows, and components.

ceorkm/mobile-app-ui-design

Routes UI tasks to the smallest useful set of UI Skills through the ui-skills CLI, picking a category and loading at most three skills before implementing.

ibelick/ui-skills

Consumer guide to build UIs with kampsy-ui (Svelte 5 + Tailwind v4, Geist-inspired).

kampsy/ui

A skill your agent uses when adding or refactoring EasyPostman modules, shared code, plugin contracts, UI utilities, i18n, settings, theme/font handling, or deciding where a class belongs.

lakernote/easy-postman

Integrate the alpha markstream-angular package into an Angular 20+ app.

Simon-He95/markstream-vue

Convert a public brand URL into a practical DESIGN.md file and optional single-file HTML demo.

shaom/brand-to-design-md-skill

One-shot efficiency audit of a file, diff, or whole repo across BOTH axes at once: over-engineered code (reinvented stdlib, needless abstractions, speculative config) AND bloated prose (verbose…

JayPokale/Chisle

Run the Macro app on Cursor Cloud and pick up edits. An agent skill from macro-inc/macro.

macro-inc/macro

Covers OpenOlat's SASS theme architecture, CSS class conventions, DOM structure, and roughly 540 Java component renderers for styling work.

OpenOLAT/OpenOLAT

Guide for using @geajs/ui — a Tailwind-styled, Zag.js-powered component library for the Gea framework.

dashersw/gea

Benchmark and profile the Dynamo frontend (dynamo.frontend HTTP + tokenizer + KV router) against mock workers (dynamo.mocker).

ai-dynamo/dynamo

Lays out dense analytics or trading-terminal screens in banded sections with hand-drawn SVG charts, instead of a wall of identical stat cards.

plugin87/ux-ui-agent-skills

This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management", or needs ADK (Agent…

pifferologo/cloud-agents-cli

Build a new skin for the dsh-web-ui skin collection (DSH Web GUI) and publish it into the skin-center plugin — scaffold with scripts/dsh-skin-new, author skin.json plus the apply/dispose +…

ningbainb/deepseek-harness-desktop

Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors.

live-codes/livecodes

Find and fix why a website is slow by capturing and analyzing a Firefox performance profile, or by analyzing a profile the user already has (a saved file or a profiler.firefox.com share link).

mozilla/firefox-devtools-mcp

Repro-first QA for Inkline — minimal .ink.tsx reproductions, the visual-parity and cross-target harnesses, fuzz targets, and how to audit teammates' claims.

inkline/inkline

Shark UI skill for the Ark UI–based shadcn-style registry. An agent skill from sharkui-inc/shark-ui.

sharkui-inc/shark-ui

Set up and drive a running Flutter app (debug or profile) with Marionette — an AI agent's hands and eyes for the app.

leancodepl/marionette_mcp

This skill should be used when comparing two videos to analyze compression results or quality differences.

daymade/claude-code-skills

Flutter animation using the Cue package. An agent skill from Milad-Akarie/cue.

Milad-Akarie/cue

One page, hands-on manual tier — drive a live page through the web accessibility (a11y) checks a rule engine can't decide: keyboard operation and focus order, screen-reader names, roles and states…

AccessLint/skills

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

Avoid direct React useEffect usage when writing or reviewing React components and hooks.

fastrepl/anarlog

Guides an agent through turning a Figma node into production UI with the repo's own components, then checks the result visually before finishing.

cursor/plugins

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.

JCarterJohnson/vibecoded-design-tells

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks.

blencorp/claude-code-kit

Capture, archive, diff, and assess Boss/Zhipin frontend JavaScript for boss-cli safety gates and anti-debug guard updates.

joohw/boss-cli

Home Assistant frontend gallery structure, pages, demos, content, and verification.

home-assistant/frontend

Builds or updates a Tabler component preview page under preview/pages, covering the page skeleton, header, and card grid conventions.

tabler/tabler

Inspecteur des finances publiques IA. An agent skill from romainsimon/paperasse.

romainsimon/paperasse

为 Fantastic-admin 框架创建和定制主题配色方案，始终同时生成明色（light）和暗色（dark）两套主题。当用户提到以下任何需求时必须使用此技能：换主题颜色、换配色、做一个 XX 风格的主题、主题太单调了、品牌色是 XXX 帮我生成主题、把 tweakcn…

fantastic-admin/basic

Pattern for implementing optimistic UI updates with effect-atom in this codebase.

UsefulSoftwareCo/executor

Use TypeUI with OpenClaw 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

Draw and revise UI wireframes directly in Clay chat with the built-in clay-sketch renderer.

chadbyte/clay

查询 ZUI 主仓库的开发规范，为库开发及本地 exts 接入任务提供相关约束和仓库证据；规范查询保持只读. An agent skill from easysoft/zui.

easysoft/zui

A skill your agent uses when editing .tsx/.jsx/.css/.html, React components, pages, routes, forms, styles, or layouts.

millionco/expect

ChaiBuilder Core extension patterns for Next.js. An agent skill from chaibuilder/core.

chaibuilder/core

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.

bendrape1-byte/silk-design

Expert guidance on iOS accessibility best practices, patterns, and implementation.

dadederk/iOS-Accessibility-Agent-Skill

A skill your agent uses whenever creating or editing UI in this repo — React Native components, modals, bottom sheets, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-mobile

Build, review, and troubleshoot VTDF Vue 3 applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Interactively pick a quick-win contribution in any GitHub repo — either a labeled issue ("good first issue", "help wanted", docs) or a repo-scan candidate (typo, missing tests, i18n gap, actionable…

nexu-io/auto-github-contributor

不二的个人IP设计系统。做HTML页面、个人网站、教程页面、介绍页面、landing page等任何前端设计时自动触发。包含品牌DNA和多个场景子规范。

esthersjw/esther-design-system

Core Regle form validation in Vue 3 — setup with useRegle, the reactive r$ object, validation properties, displaying errors, and modifiers.

victorgarciaesgi/regle

A skill your agent uses when checking, completing, fixing, or adding translations in .xcstrings files, especially when localizations are missing or glossary terminology must be enforced.

ShiinaLabs/wifi-lens

Elite website image-to-code skill for Codex. An agent skill from caorushizi/oss-client.

caorushizi/oss-client