Frontend & Design

Audits and fixes page titles, meta descriptions, canonical URLs, Open Graph and Twitter cards, favicons, JSON-LD and robots directives.

ibelick/ui-skills

UI/UX best practices for web interfaces. An agent skill from raphaelsalaja/userinterface-wiki.

raphaelsalaja/userinterface-wiki

管理 Vue Router 路由配置，用于 Fantastic-admin 框架。当用户提到以下任何需求时必须使用此技能：新建页面需要加路由、详情页不想显示在菜单里、新增页和编辑页老是开两个标签、从列表跳详情返回后状态丢失、给菜单项加 NEW 标签或红点、路由需要权限控制、配置页面保活、修改路由 meta、添加面包屑配置。即使用户只是说"加个路由"或"新建了一个页面"，也应触发此技能。

fantastic-admin/basic

This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW…

OpenHands/OpenHands

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.

megaarmos/vue-spring-bottom-sheet

Generate production-grade UI using real component patterns and best practices from 60+ documented interface components.

carmahhawwari/ui-design-brain

Pixeval 国际化资源维护规范，涵盖用户可见字符串、JSON/Markdown 资源、XAML/C 引用、非默认语言增删规则以及 Language.tt 生成验证。Use when adding, moving, removing, or changing localized text in Pixeval.

Pixeval/Pixeval

Capture and analyze Chrome/Chromium performance traces with Playwright around a concrete browser interaction.

layoutit/polycss

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores.

alexgreensh/anidoodle

Build, review, and troubleshoot RTDF React applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Render a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions.

gnurio/tufte-vdqi-plugin

Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with agent-browser and agent-browser eval, then synthesizing its visual language, layout system…

Paidax01/web-to-design-md

A skill your agent uses when editing AgentHTML artifacts, agent-html files, Gallery Preview DSL, blocks, components, sections, prompt schema, or runtime-rendered artifact content.

Sayhi-bzb/Agent-HTML

Explains how to use the snapDOM library to turn an HTML element into an SVG, PNG, JPG or WebP image while keeping its fonts, pseudo-elements and shadows.

2025Emma/vibe-coding-cn

Builds or updates full Figma screens from code or a description by reusing the file's published design system components, variables and styles.

warpdotdev/warp

A skill your agent uses when helping someone install, configure, or debug a fresh clone of JARVIS (this repo) — especially "the mic doesn't work", "JARVIS says his language systems are down", any…

ethanplusai/jarvis

Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps.

pixel-point/animate-text

Acts as the LLM behind the Timeline Inspector's Refine button by long-polling a local relay for jobs, posting suggestions back, and exiting cleanly on a stop signal.

Jakubantalik/transitions.dev

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

Improve interface performance across loading speed, rendering, animations, images, and bundle size.

boussadjra/vuestrata

Create or revise academic conference posters in HTML/CSS and export print-ready PDFs.

Chenruishuo/posterly

Create distinctive, production-grade frontend interfaces with high design quality.

mims-harvard/OptimusKG

Batch-scan Langflow frontend routes for accessibility issues using the Python IBM Equal Access scanner (scripts/a11y/a11yscan.py) and produce JSON/Markdown/HTML reports.

langflow-ai/langflow

Renders, styles and downloads QR codes in Vue 3 apps with the qrcode.vue component, covering canvas versus SVG output, embedded logos, gradients and rounded modules.

scopewu/qrcode.vue

A skill your agent uses to integrate the Jetpack Compose Styles API into an Android project.

sreichholf/dreamDroid

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support.

vmDeshpande/ai-agent-automation

Provides comprehensive guidelines for translating and localizing CoStrict extension strings.

zgsm-ai/costrict

Rules for styling HTML with daisyUI 5 class names first, falling back to Tailwind utilities only when needed, and avoiding unnecessary custom CSS or default color variants.

saadeghi/daisyui

Add, refactor, debug, review, explain, or migrate type-safe validation in consumer Go applications using github.com/cohesivestack/valgo.

cohesivestack/valgo

Bootstrap, develop, and design modern WinUI 3 desktop applications with C and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and…

LanceMcCarthy/DevOpsExamples

完成 Claude Code 中文本地化的首次增强安装——把 spinner/界面中文化配置合并进 settings.json、检测并同步 CC Switch 通用配置、提示重启让 CLI patch 生效。中文用户安装本插件后如发现 spinner 动词/提示仍是英文，或想完整启用中文化，请使用本 skill。

taekchef/claude-code-zh-cn

Implement internationalization with Lingui in React and JavaScript applications.

B0und/WikiSpeedrun

Performs an accessibility code review of a local diff or Phabricator revision in the style of the Firefox accessibility team.

SAP/project-foxhound

Extract design primitives from a public website and generate starter token files for your project.

arvindrk/extract-design-system

Fix violations of an eslintPluginScraps rule across the codebase.

getsentry/sentry

Elite frontend image-direction skill for generating premium, conversion-aware website design references.

caorushizi/oss-client

Builds the visual layer of a holaOS dashboard app with TanStack Start and @holaboss/ui, starting from a bundled reference instead of a blank page.

holaboss-ai/holaOS

Live Borg debugging by exec-ing into the borg-web-ui Docker container.

karanhudia/borg-ui

Builds Frappe-style interfaces from the frappe-ui Vue 3 components and semantic Tailwind tokens instead of hand-rolled controls.

frappe/drive

Make interfaces production-ready: error handling, empty states, onboarding flows, i18n, text overflow, and edge case management.

zhushen12580/smart-screenshot

A skill your agent uses when asked to update translations, localize strings, add new languages, fix missing translation keys, or sync language files in this project.

Raicuparta/rai-pal

Build, refactor, or review production-grade admin interfaces with Vue 3 + JavaScript + Ant Design Vue 4.x.

lazzyfu/goInsight

Guides building desktop interfaces with the Yoga Go framework: Body views, layout nodes, widgets, dialogs and headless builds.

chapar-rest/chapar

Guides semantic, accessible HTML work: pages, forms, media and HTML5 APIs, plus how to deliver a runnable webpage project with a preview.

TokenRhythm/opensquilla

Keep www-sacred's TypeScript fast to type-check and fast to run.

internet-development/www-sacred

Helps choose between Bloc and Cubit in Flutter and sets defaults for packages, lifecycle, widget binding and tests.

andrewyng/context-hub

Open an HTML file, Markdown file, or localhost page in the browser so the user can edit text directly and leave comments on specific parts, then send all edits and comments back to you.

petergyang/human-review

Plan Mode の <proposedplan を出す直前に、計画の段階・依存関係・検証観点を一時HTMLで視覚確認したい時に使う agent-internal skill。Use this agent-internal skill to create a temporary HTML preview for a plan just before presenting…

u-ichi/reviewable-html-workbench