Best frontend and UI design skills, page 15

Produces one self-contained HTML animation page per video shot, sharing a cinematic player base but giving each page its own visual style, sound cues and characters.

Unclecheng-li/AI_Animation

A skill your agent uses when modifying EasyPostman Swing dialogs, popups, wizards, or modal flows to better match IntelliJ IDEA or FlatLaf settings-style visual hierarchy, especially when read-only…

lakernote/easy-postman

LofiSu的行为人格Skill。基于GitHub公开数据(282次commit/150次README迭代/50+fork/100+contribution) 的Codex深度挖掘分析报告+小红书卖课行为报告的系统蒸馏， 提炼6个核心心智模型、8条决策启发式和完整的表达DNA。

zclllyybb/lofisu-identity-engine

Animation patterns and best practices for Next.js/React applications.

delphi-ai/animate-skill

Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

pdsuwwz/nextjs-nextra-starter

Author, validate, preview, test, install, or configure API-backed Homarr Custom JSX v2 widgets.

homarr-labs/homarr

梳理项目 UI/UX 设计规范并输出 design-spec.md，评审现有界面并给出按优先级排序的修复建议，或整理指定界面的设计规则。用户要求设计系统、设计规范或完整界面评审时使用；单个颜色、字号或按钮大小的简单问题直接回答。

oil-oil/ui-ux-guide

Writes a complete UI component spec with anatomy, variants, sizes, eight interaction states, design-token mapping and accessibility notes before or alongside code.

plugin87/ux-ui-agent-skills

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

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

Comfy-Org/docs

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

GAN-style iterative improvement loop for any text artifact. An agent skill from crimeacs/auto-improve.

crimeacs/auto-improve

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

FlyCms 项目（backend/ Spring Boot 4.1.1 + frontend/ vue-vben-admin v5）的架构地图与开发规范总纲。凡在本仓库做任何开发——写后端接口、新增/修改模块、管理页面、数据库变更、修 bug、重构——都要先加载本 skill 再动手，即使用户只说"改一下""加个功能"；前端登录/菜单/权限专项另见…

sunkaifei/FlyCms

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

Publish a new LiteEdit release to GitHub — commit code, bump version, write changelog, create GitHub release, and update the landing page.

arietan/lite-edit

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

Authors, edits, validates and previews Templatical email template JSON and helps integrate the @templatical/editor SDK into an application.

templatical/sdk

Autonomous local-development debugging loop for Helmor bugs.

dohooo/helmor

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

Inspect and drive Android window state on the Open Android DeX desktop display — build/push/run the uid-2000 wmd daemon, find the live scrcpy display, list and move tasks, reserve caption strips…

dotnetdreamer/open-android-dex

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

Designer role. An agent skill from hiyeshu/codeck.

hiyeshu/codeck

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

Create premium animated technical diagrams as single self-contained HTML+SVG files — flowcharts whose connectors visibly flow and architecture diagrams where requests travel as glowing comet dots…

SylphAI-Inc/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