Best frontend and UI design skills, page 18

This skill should be used when the user explicitly says "Lunora style", "Lunora design", "/lunora-design", or directly asks to use/apply the Lunora design system.

anolilab/lunora

tinyvue组件库开发规范

opentiny/tiny-vue

可作为 hiui-page-workflow 等更大页面工作流的标准 S0 前置 skill，专注 B 端中后台与 HiUI 页面生成前的需求细化。将模糊或抽象的后台/管理台/运营台/配置台/审批流需求细化为可执行的产品方案、MVP 范围、用户流程、业务规则、可追踪页面清单、产品 PRD、全局生成上下文、页面级提示词和 HiUI 交接包。适用于澄清后台产品想法、把粗略需求转成 PRD…

XiaoMi/hiui

Add a field to a domain type so it survives save/load. An agent skill from openfootmanager/openfootmanager.

openfootmanager/openfootmanager

Draws a slim, long-limbed character acting out one coding or design moment as an outline-free flat SVG card, in a fixed measured palette with confetti and no ground line.

MengTo/Skills

A skill your agent uses when translating localization/i18n .po files with AI.

elegooofficial/ElegooSlicer

Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source.

dashersw/gea

A skill your agent uses when the user requests to design, create, build, generate, or make a new Figma component or screen — including phrases like "make a button", "design a settings page", "build…

noemuch/bridge

Create or update component documentation with examples, API reference, and best practices

gluestack/gluestack-ui

Build, edit, refine, troubleshoot, and review polished responsive product interfaces through the Loora MCP server and its structured Canvas schemas.

lassejlv/loora

Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes.

benjaminsehl/liquid-skills

Shows an agent how to install and use the @pierre/theme package, which ships ten Pierre light and dark color themes for Shiki and VS Code.

pierrecomputer/pierre

Fast headless browser for QA testing and site dogfooding. An agent skill from mr-daedalium/ostack-saas.

mr-daedalium/ostack-saas

Translate Stylebot's locale strings, in the extension or on stylebot.dev — fill in strings that English has and other locales lack, retranslate English strings that changed, or add a whole new…

ankit/stylebot

Browse, search, and export documentation from any source using the mdzilla CLI.

pi0/mdzilla

Write, check, repair and publish a plan page: a project's plans and subject files under its plans directory, rendered by .agents/pstack/plan-page.mjs and rendered as one local HTML page per subject…

udecode/dotai

Create aesthetic templates without first creating a plugin - capture visual design concepts through adaptive questioning.

glittercowboy/plugin-freedom-system

Add a supported application language or regional locale to all-api-hub across application and extension runtimes.

qixing-jk/all-api-hub

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects.

feature-sliced/skills

A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo.

mailtrap/mailtrap-local

A skill your agent uses when asked to explain a topic, codebase, process, or document in a specific output format — plain language or Simplified Technical English (STE, in the style of ASD-STE100…

koolamusic/claudefiles

Symfony UX LiveComponent for reactive server-rendered UI -- components that re-render via AJAX on user interaction, zero JavaScript required.

smnandre/symfony-ux-skills

Masters Reatom v1001 async flows. An agent skill from reatom/reatom.

reatom/reatom

OpenCode Desktop should be RTL-aware. An agent skill from SeeRay11/OpenFlow.

SeeRay11/OpenFlow

FastAPI Best Architecture (fba) project development guide. An agent skill from Zhongye1/KnowAgenticRAG.

Zhongye1/KnowAgenticRAG

A skill your agent uses when adding a new screen, route, or user-facing feature to the Ecency mobile React Native app, covering navigator registration, route params, i18n strings and styling.

ecency/vision-mobile

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

Core ABP Framework conventions - module system, DI registration, base classes (ApplicationService, DomainService), IClock, BusinessException, localization, async patterns.

abpframework/abp

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, UI mockups, product shots, or transparent-background…

nexus-research-lab/nexus

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

Comprehensive guidance on setting up npm libraries with package.json, with a preference for ES Modules (ESM).

vana-com/personal-server

Whole site or product — a full web accessibility (a11y) audit against WCAG 2.2, following the WCAG-EM methodology.

AccessLint/skills

Create a new Licia utility module following project conventions.

liriliri/licia

Build web interfaces with genuine design quality, not AI slop.

udecode/plate

为 mfish-nocode-pro 项目前端（Vue3 + TypeScript）生成标准增删改查页面代码，包括 Model、API、data、index.vue、Modal、ViewModal 六个文件。当用户说"帮我生成前端增删改查"、"新增前端页面"、"生成前端CRUD"时使用此 skill。

mfish-qf/mfish-nocode

Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects.

freshtechbro/claudedesignskills

Builds, reviews and packages iCUE HTML widgets for CORSAIR device screens such as Xeneon Edge, Pump LCD and keyboard LCD, treating the local docs as the source of truth.

marcimastro98/Xenon

Implement, fix, extend, or review the Big Slider Card Home Assistant custom card.

nicufarmache/lovelace-big-slider-card

Comprehensive UI/UX review for macOS Tahoe apps. An agent skill from KartikLabhshetwar/better-shot.

KartikLabhshetwar/better-shot

Create or update a CodePlan design.md from clarified requirements, repository observations, constraints, and architecture intent.

tangziwen/CubeMiniGame

Blueprint animation that explains UX decisions step by step.

moguzbulbul/blueprint-animation

Create polished dark-themed process flow diagrams as self-contained HTML+SVG files.

Cocoon-AI/process-flow-diagram-generator

Analyzes landing pages and provides detailed CRO (Conversion Rate Optimization) recommendations.

ognjengt/founder-skills

Add, sync, repair, and compile gettext translations for ok-gf2 task classes and task metadata.

AliceJump/ok-gf2

Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

lightly-ai/lightly-studio

Export Figma variables and styles as DTCG design tokens JSON via the tokens-bruecke CLI, either from the Figma REST API or from a local snapshot of Plugin API data.

tokens-bruecke/figma-plugin

A skill your agent uses when adding or publishing an AI API public-benefit or relay-site listing from promotional copy in this repository, including validating the referral link, regenerating the…

bubblevv/ai-api-gongyi-nav

Adds and translates Android string resources across locales with the locale-tui tool instead of editing every strings.xml by hand.

sue1231513/orangechat