Best frontend and UI design skills, page 106

Select and implement local, global, and server state patterns in React.

HoangNguyen0403/agent-skills-standard

Test React components with RTL and Jest/Vitest. An agent skill from HoangNguyen0403/agent-skills-standard.

HoangNguyen0403/agent-skills-standard

Professional copywriter for SaaS and startups. An agent skill from nicepkg/ai-workflow.

nicepkg/ai-workflow

Comprehensive guide for Slidev - a web-based presentation framework for developers.

nicepkg/ai-workflow

Analyse the language demands of a classroom task to identify barriers for EAL and multilingual learners.

GarethManning/education-agent-skills

Build a runnable prototype to answer a logic, state, or UI design question.

nodetool-ai/nodetool

A skill your agent uses when working on landing pages — creation, copywriting, design, optimization, or conversion rate improvement.

manojbajaj95/claude-gtm-plugin

A skill your agent uses when running comprehensive WCAG accessibility audits with axe-core + pa11y + Lighthouse, generating context-aware remediation, or testing video accessibility.

proffesor-for-testing/agentic-qe

A skill your agent uses when you need to map components across platforms, reference Chrome Design System component data, or generate a component spec.

nwjs/chromium.src

使用本机部署的 camofox-browser 稳定抓取微信公众号文章链接内容，优先读取浏览器 accessibility snapshot，并对公众号页噪音做专用清洗，输出 Markdown 或 JSON。

dracohu2025-cloud/draco-skills-collection

通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API…

ProgrammerAnthony/Expert-Coding-Harness

Analyze one ClosedLoop feature ticket from a URL or FEA slug before execution.

closedloop-ai/claude-plugins

前后端性能分析技能：定位瓶颈、跑 benchmark、对比优化前后效果. An agent skill from 312362115/claude.

312362115/claude

Designs or reviews user interfaces that are self-evident, low-friction, and easy to understand with minimal explanation.

scott-fryxell/brayness

Run repo health checks that used to live in husky hooks (typecheck, React Compiler bailouts, design-system drift, lint).

vvedantb/eva

Design and review Alego client UI changes — visual token discipline, reuse-before-adding, feedback surfaces (toast vs in-place notice vs empty state), overlay and menu safety, platform window…

singula-ai/alego

当设计、修改或评估前端界面与交互、链接/按钮语义、控件状态、tooltip/popover/menu、键盘可达性、紧凑模式，或要求对齐 Windows/macOS/成熟产品体验时使用。

Peiiii/nextclaw

Generate hierarchical site structure and navigation maps. An agent skill from dandye/ai-runbooks.

dandye/ai-runbooks

React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。

xu-xiang/everything-claude-code-zh

适用于 React、Next.js、状态管理、性能优化和 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh.

xu-xiang/everything-claude-code-zh

针对 React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh.

xu-xiang/everything-claude-code-zh

Этот скилл MUST быть вызван когда есть design.md и нужно разбить доработку на атомарные задачи (2-5 мин) с точными путями файлов и критериями проверки в tasks.md.

Arman-Kudaibergenov/1c-ai-development-kit

AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows.

yonatangross/orchestkit

Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API.

yonatangross/orchestkit

Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules.

yonatangross/orchestkit

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming.

yonatangross/orchestkit

Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual…

yonatangross/orchestkit

Implements internationalization (i18n) in React applications.

yonatangross/orchestkit

UI interaction design patterns for skeleton loading, infinite scroll with accessibility, progressive disclosure, modal/drawer/inline selection, drag-and-drop with keyboard alternatives, tab overflow…

yonatangross/orchestkit

Responsive design with Container Queries, fluid typography, cqi/cqb units, subgrid, intrinsic layouts, foldable devices, and mobile-first patterns for React applications.

yonatangross/orchestkit

Storybook 10 testing patterns with Vitest integration, ESM-only distribution, CSF3 typesafe factories, play() interaction tests, Chromatic TurboSnap visual regression, module automocking…

yonatangross/orchestkit

Full execution protocol for MODE: ISSUEINGEST -- GitHub issue intake, localization, spec generation, and transition to the full fix workflow.

ZaxbyHub/opencode-swarm

A skill your agent uses when targeting ACM Conference on Intelligent User Interfaces (IUI) or deciding whether a computer-science manuscript fits this venue.

franklee16/academic-research-skills

A skill your agent uses when targeting ACM SIGACCESS Conference on Computers and Accessibility (ASSETS) or deciding whether a computer-science manuscript fits this venue.

franklee16/academic-research-skills

A skill your agent uses when targeting ACM Symposium on User Interface Software and Technology (UIST) or deciding whether a computer-science manuscript fits this venue.

franklee16/academic-research-skills

A skill your agent uses when the front end of an Academy of Management Journal (AMJ) manuscript needs to engage the right literatures and stake a clear position in an ongoing theoretical conversation.

franklee16/academic-research-skills

A skill your agent uses to finalize Cell Press display items — column-width sizing, minimum fonts, RGB, show-the-data with defined error bars/n/replicate type, scale bars, colorblind-safe palettes…

franklee16/academic-research-skills

A skill your agent uses when targeting IEEE Conference on Virtual Reality and 3D User Interfaces (IEEE VR) or deciding whether a computer-science manuscript fits this venue.

franklee16/academic-research-skills

A skill your agent uses when building schemes, spectra, structures, and reaction/mechanism figures in ACS style for a Journal of the American Chemical Society (JACS) manuscript.

franklee16/academic-research-skills

A skill your agent uses when running the final pre-submission preflight for a Journal of International Business Studies (JIBS) manuscript — the Springer Nature portal, double-blind anonymization…

franklee16/academic-research-skills

A skill your agent uses to finalize Science display items — panel/word budget, column-width sizing, minimum font sizes, color-accessibility, and showing the data (points over bars).

franklee16/academic-research-skills

Guides managing conflicting privacy requirements across jurisdictions.

mukul975/Privacy-Data-Protection-Skills

Implements CPRA Section 1798.135 opt-out preference signal handling, covering Global Privacy Control (GPC) technical detection, automated signal honoring, cross-device consistency, and the…

mukul975/Privacy-Data-Protection-Skills

Guides compliance with country-specific data localization requirements across key jurisdictions including Russia (242-FZ), China (PIPL Art.

mukul975/Privacy-Data-Protection-Skills

Implementation guide for ePrivacy Directive compliant double opt-in email consent.

mukul975/Privacy-Data-Protection-Skills

Pre-flight checks then deploy. An agent skill from Houseofmvps/ultraship.

Houseofmvps/ultraship

两个入口，一个出口。给定一个网站 URL 或一段内容描述，输出可用于生成 UI 的 skill 组合. An agent skill from npc-live/clawfirm.

npc-live/clawfirm

State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS.

curiositech/some_claude_skills