Best frontend and UI design skills, page 10

Owns the paired JSON metadata and TypeScript runner files that define the Aholo Viewer's example and Playground content.

manycoretech/aholo-viewer

A skill your agent uses when contributing to InsForge's shared dashboard package.

InsForge/InsForge

Logseq i18n workflow for adding, renaming, reviewing, or editing translation keys and user-facing strings.

logseq/logseq

Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates.

southliu/south-admin-react

Walks a Figma prototype or live webpage screen by screen and scores it against four minimalist usability principles.

AIPexStudio/AIPex

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons

Obsidian house style for the wording of user-facing UI strings — command names, setting labels, button text, notices, modal copy.

aidenlx/zotlit

Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts.

htmlstreamofficial/preline

Audit web applications for WCAG accessibility compliance. An agent skill from warpdotdev/oz-skills.

warpdotdev/oz-skills

Builds a showreel-grade product film in Remotion using the product's own design tokens, components and voice, from a guided interview through a verified final render.

Rieranthony/product-film-skill

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository.

Simon-He95/markstream-vue

Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations.

jiji262/claude-design-skill

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables.

NimaChu/html-design

JPA/Hibernate patterns and common pitfalls (N+1, lazy loading, transactions, queries).

decebals/claude-code-java

Apply a reversible theme/skin to the WorkBuddy desktop app (Tencent AI office agent) via local Chromium DevTools Protocol (CDP) injection.

cdredfox/workbuddy-skin-studio

A skill your agent uses when the user is hitting Claude usage limits, burning through tokens fast, running a long conversation, or asks how to use Claude Code more efficiently.

Dubibubii/usage-limit-reducer

Kiln's code conventions and per-area gotchas, plus a diff gate that enforces the mechanical ones.

Kiln-AI/Kiln

Cloudflare product design guidance. An agent skill from elliothux/open-compute.

elliothux/open-compute

Takes an app from hardcoded strings to a localized, continuously translated one with i18next (Locize optional): stack detection, config, wrapping strings in t(), key extraction, Locize sync, and AI…

i18next/i18next-cli

How to write and maintain DESIGN.md as the visual specification layer for Cavekit projects.

JuliusBrussee/caveman-code

Sets rules for web UI work that favor hierarchy, spacing and restrained styling, with routes for generating, reviewing and polishing interfaces.

kasonye/ui-aesthetics-skill

Turns a URL, PDF, DOCX, Markdown file, text or screenshots into a designed, shareable single-file HTML article through a staged review workflow.

ConardLi/garden-skills

Pick and install beUI (@beui) animated React components from the shadcn registry.

UniClipboard/UniClipboard

Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts.

LunarXuan/image-prompt-reverse

评审单份或一组产品 UI 设计稿，像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议；在可行时默认生成与报告编号对应的问题标注图和优化建议图，并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows…

ColourCloudSky/review-ui-design-skill

Structures plan.md files for parallel, non-overlapping agent work.

GetStream/stream-chat-react

Sets the rules for building the Cursor BYOK desktop app's React and Tauri frontend, especially its HTTP boundary and component state architecture.

leookun/cursor-byok

Extend MarkerOn settings, persisted config, or Tauri IPC commands.

ifer47/markeron

Builds a website page by page with Stitch in an autonomous loop, passing a baton file from one iteration to the next that names the next page and prompt.

google-labs-code/stitch-skills

Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli.

kqcoxn/MaaPipelineEditor

Create, build, deploy, and localize declarative agents for M365 Copilot and Teams.

microsoft/work-iq

Best practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming.

Moustachauve/WLED-Android

OKLCH color space and color usage for web projects. An agent skill from trycompai/crm.

trycompai/crm

Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.

PostHog/posthog-js

Capture and visually inspect FreeCCR's PySide6/Qt GUI widgets using screenshots.

toonoumi/FreeCCR

Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation.

bretzel-app/crumbs

Generate code screenshots via ray.tinte.dev API. An agent skill from Railly/tinte.

Railly/tinte

Interactive browser automation via Chrome DevTools Protocol.

981377660LMT/algorithm-study

Orchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files, Koubou-based framing (asc screenshots frame), and screenshot upload (asc…

CamilleScholtz/swmpc

Update Kimi Code CLI user documentation after meaningful code changes that affect product behavior or user experience.

MoonshotAI/kimi-code

Internationalize Vue component templates by replacing all hardcoded strings with $t() calls and adding translations to i18n.ts or enUS.js.

rundeck/rundeck

Extract component metadata from a Figma design system and generate production-ready QML controls.

TheQtCompanyRnD/agent-skills

Create or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow.

MageByte-Zero/spec-superflow

Design or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems.

AFK-surf/OpenBridge

Check modified Nx documentation pages against the astro-docs style guide.

nrwl/nx

Kaizen UI (KUI) component library and design-pattern advisor for NVIDIA applications.

NVIDIA/Personal-AI-Router

Shows how to use @pierre/highlights for syntax-highlighted HTML or tokens, streaming and incremental tokenizing, and Zed-compatible themes with CSS variables.

pierrecomputer/pierre

Promote a duplicated React/JSX template-local component into the shared @asyncapi/generator-components package.

asyncapi/generator