Best frontend and UI design skills, page 12

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

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

Beginner-first SEO coaching for people who want to learn by doing one safe, verifiable step at a time.

akseolabs-seo/seo-coach

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

Integrate Convex static self hosting into existing apps using the latest upstream instructions from get-convex/self-hosting every time.

waynesutton/markdown-site

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

romainsimon/paperasse

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

fantastic-admin/basic

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

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

UsefulSoftwareCo/executor

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

Safely clean the local loop VM by reporting and removing stale loop runs, inactive Next.js or Storybook servers, optional browser windows, and unused loop-created worktrees without disturbing active…

axeldelafosse/loop

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

chaibuilder/core

Check the visual impact of an edit mid-task with uiverify check — render just the components you're touching on the UI Verify fleet and diff them against the real CI baseline, without opening a PR…

igrlk/storybook-addon-test-codegen

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

This skill should be used when the user asks to "optimize TypeScript performance", "speed up tsc compilation", "configure tsconfig.json", "fix type errors", "improve async patterns", or encounters…

vana-com/personal-server

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

Translate JSON i18n files to multiple languages with AI-powered quality optimization.

ckanner/jta

Generate sdf-js code from a natural-language scene description.

shaun8149/sdf-js

Turns an SVG file or URL into a hand-drawn animation: a standalone preview.html plus a reusable player.js that draws paths first and fills afterward.

shaom/svg-hand-drawn-skill

Generates fast, SEO-optimized static HTML landing pages targeting 100/100 PageSpeed (LCP < 2.5s, INP < 100ms, CLS < 0.1), full schema.org JSON-LD, AVIF images, critical CSS, zero external…

aleksandr-alhoff/seo-landing

Command palette, CodeLens, context menus, package.nls titles, and NotificationModeService.

forcedotcom/salesforcedx-vscode

Inspects a live website through Chrome DevTools and turns its CSS tokens, animations and hover states into a design system prompt.

NakanoSanku/OhMySkills

Applies a calm Scandinavian look to interfaces: black-and-white foundation, restrained sans-serif type, generous spacing and minimal decoration, with review and prototype modes.

ericzakariasson/scandinavian-design

Reviews accessibility including WCAG, ARIA, keyboard navigation.

DanielPodolsky/ownyourcode

Run a real-world navigation and capability gauntlet on Browser Control across live websites, fix general DOM/ARIA/CDP root causes, benchmark speed and token efficiency, and finish with a mandatory…

anomalyco/browser-control

Create a polished, self-contained, responsive HTML briefing from notes, research, comparisons, plans, or reports.

minorun365/html-share

Accessibility testing toolkit using Selenium WebDriver 4+ with Java 21+ and axe-core engine.

fugazi/test-automation-skills-agents

Debug applications using the dbg CLI debugger. An agent skill from theodo-group/debug-that.

theodo-group/debug-that

Fetch and render web pages using the Servo browser engine — a single binary with JS execution, CSS layout, screenshots, and content extraction.

konippi/servo-fetch

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Create the initial Product UX Bible for an existing web or full-screen web app by deeply auditing the repository, using sub-agents when available, and generating docs/ux manifests, schemas, budgets…

h0x91b/dev-3.0

Verify the DoveVannoINostriSoldi web UI, public data APIs, RGS views, source ledger, and MCP catalog after integrated-source changes.

Italian-Builders-Org/DoveVannoINostriSoldi

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

ancoleman/ai-design-components

Audits Rails application accessibility against WCAG 2.2 Level AA, detects violations with axe-core / Lighthouse / Pa11y, and reports remediation guidance for ERB views, ViewComponents, Stimulus…

ThibautBaissac/rails_ai_agents