Best frontend and UI design skills, page 6

Format and lint Markdown in this repository against GitHub Flavored Markdown and its markdownlint-cli2 configuration — headers, lists, code fences, callouts (VitePress containers on docs-site pages…

facioquo/stock-indicators-dotnet

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…

xiaopu-ai/web-design

Measures @sanity/ui v5 side-by-side migration progress — per-component import file counts (v5 alias vs @sanity/ui), JSX instance counts, and styled() instance counts with alias resolution.

sanity-io/sanity

React performance optimization guidelines from Mastra Engineering.

mastra-ai/mastra

Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…

s0xDk/refactoring-ui-skill

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

arindamxd/camerax-android

This skill should be used when the user wants to visualize data.

stophobia/deerflow2.0-enhanced

Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.

sickn33/agentic-awesome-skills

Score Russian text 0.0–10.0 across five dimensions: typography, clean language, grammar, structure, precision for the reader.

talkstream/ru-text

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

使用内置 ZUI 资源从零创建可运行的独立网页或小型静态站点。向已有应用集成 ZUI 时使用 zui 技能. An agent skill from easysoft/zui.

easysoft/zui

Debug and verification workflow for runtime-bundle and module-resolution regressions.

vercel/next.js

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

runkids/skillshare

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Writes HTML compositions with a GSAP timeline that the render_video tool turns into deterministic MP4 videos from data, text or layouts.

spinabot/brigade

Shows how to subscribe to Trigger.dev task runs from the backend and from React for progress indicators, live dashboards, AI response streams and approval waits.

papermark/papermark

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1…

Brandon030722/ark-ui-skill

Builds an academic conference poster as a single HTML and CSS file with measurement-based gates, real paper figures and a print-ready PDF rendered through headless Chromium.

wanshuiyin/Auto-claude-code-research-in-sleep

Audit and improve web accessibility following WCAG 2.2 guidelines.

ever-works/ever-works

Generates Angular code and provides architectural guidance. An agent skill from mxtommy/Kip.

mxtommy/Kip

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.

SuFxGIT/scoutarr

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

Translate or audit the values in a Video.js locale pack. An agent skill from videojs/video.js.

videojs/video.js

Explains how LobeHub client code fetches data through services, SWR store hooks and cache keys, and when to avoid useEffect fetching or duplicated state.

lobehub/lobehub

Interact with the Mintlify REST API to manage deployments, trigger builds, and query documentation site metadata programmatically.

macro-inc/macro

指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。

graphif/project-graph

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models.

superdesigndev/superdesign-skill

Vite next-generation frontend build tool with fast HMR and optimized builds.

oyjt/uniapp-vue3-template

Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search…

pierrecomputer/pierre

This skill MUST be used whenever the task involves adding, installing, or upgrading an npm package/library/dependency in this project.

elirantutia/vibeyard

Sync an Ant Design React component or feature into NG-ZORRO.

NG-ZORRO/ng-zorro-antd

Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.

ancoleman/ai-design-components

Refactor avoidable React useEffect usage in Langfuse frontend code.

langfuse/langfuse

Turn a directory of static HTML pages into a live commenting surface.

paraschopra/make-pages-interactive

Guides Jetpack Compose and Compose Multiplatform work across Android, Desktop, iOS and web, plus Android TV, Material 3 motion, paging, navigation and design-to-code.

aldefy/compose-skill

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate

Turns text, URLs or local files into tall PNG cards through HTML typography, with four modes: long reading card, full-text layout, comic and whiteboard.

lijigang/ljg-skills

AppRun architecture guidance for building, reviewing, or fixing AppRun applications and the AppRun library itself.

yysun/apprun

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI.

exceptionless/Exceptionless

Frontend development guidelines for the Phoenix AI observability platform.

Arize-ai/phoenix

Home Assistant frontend Lit context and hass migration guidance.

home-assistant/frontend

Adds shadcn/ui-styled README badges, badge groups, download charts, header banners and sponsor or contributor grids using the shieldcn service.

jal-co/shieldcn

CLI tools for Svelte 5 documentation lookup and code analysis.

kampsy/ui

Guidance for changing the Tabler framework's own JavaScript in core/js: the tabler.js and tabler-theme.js bundles, the Bootstrap port and their tests.

tabler/tabler

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

Create, extract, and apply portable visual design systems via visual-style.md files.

calesthio/OpenMontage

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

ibelick/ui-skills