Best frontend and UI design skills, page 116

Core Web Vitals Reference — LCP, INP, CLS thresholds, root causes, optimization fixes, CrUX BigQuery queries, web-vitals library usage, and SEO impact

cognyai/claude-code-marketing-skills

CRO review of a landing page with specific conversion recommendations

cognyai/claude-code-marketing-skills

This skill provides a curated collection of professional font and color themes, each with carefully selected color palettes and font pairings.

alecs5am/ralphy

PowerX Nuxt i18n 词条与目录规范。

ArtisanCloud/PowerX

Bring the Open Data Capture stack up on this machine — pnpm dev (api, gateway, web), a fresh clone from zero, the standalone playground, storybook or outreach dev servers, or a local instance with…

DouglasNeuroInformatics/OpenDataCapture

Map design decisions to accessibility standards and legal requirements.

Owl-Listener/inclusive-design-skills

Document accessibility decisions and the reasoning behind them so they survive team changes, redesigns, and time.

Owl-Listener/inclusive-design-skills

Design an interaction flow with inclusive input and output options from the start.

Owl-Listener/inclusive-design-skills

Create user personas that include disability as a natural dimension of human diversity — not as a separate 'accessibility persona'.

Owl-Listener/inclusive-design-skills

Document accessibility decisions and tradeoffs for a feature.

Owl-Listener/inclusive-design-skills

Design feedback and status communication that works across senses — visual, auditory, and haptic.

Owl-Listener/inclusive-design-skills

Design typography systems that adapt to user needs — scaling, spacing, and font preferences.

Owl-Listener/inclusive-design-skills

Design form labels, instructions, and grouping that work for screen readers and cognitive accessibility.

Owl-Listener/inclusive-design-skills

Generate a diverse, inclusive persona set for a product. An agent skill from Owl-Listener/inclusive-design-skills.

Owl-Listener/inclusive-design-skills

Design alternatives to gesture-based and motion-based interactions.

Owl-Listener/inclusive-design-skills

Generate an accessibility decision handoff for engineering. An agent skill from Owl-Listener/inclusive-design-skills.

Owl-Listener/inclusive-design-skills

Design interfaces where information density can be adjusted to suit different cognitive needs and preferences.

Owl-Listener/inclusive-design-skills

Design keyboard navigation and focus management for users who cannot or prefer not to use a mouse or touch screen.

Owl-Listener/inclusive-design-skills

Review keyboard navigation and focus management in an existing interface.

Owl-Listener/inclusive-design-skills

Write link text that makes sense out of context for screen reader users and improves usability for everyone.

Owl-Listener/inclusive-design-skills

Design interfaces that minimise demands on working memory. An agent skill from Owl-Listener/inclusive-design-skills.

Owl-Listener/inclusive-design-skills

Design for people with vestibular disorders, motion sensitivity, or seizure conditions.

Owl-Listener/inclusive-design-skills

Design interfaces that offer multiple input methods so users can choose what works for their abilities and context.

Owl-Listener/inclusive-design-skills

Design accessible video, audio, and multimedia content with captions, transcripts, and audio descriptions.

Owl-Listener/inclusive-design-skills

Audit an existing interface for respect of user preferences including motion, contrast, colour scheme, and text scaling.

Owl-Listener/inclusive-design-skills

Write and structure content for diverse reading abilities and cognitive styles.

Owl-Listener/inclusive-design-skills

Design responsive layouts that maintain accessibility across screen sizes, zoom levels, and orientations.

Owl-Listener/inclusive-design-skills

Review responsive and flexible layout for accessibility across devices, zoom levels, and orientations.

Owl-Listener/inclusive-design-skills

Review and surface undocumented accessibility assumptions in an existing feature or product.

Owl-Listener/inclusive-design-skills

Review content for accessibility across cognitive and literacy levels.

Owl-Listener/inclusive-design-skills

Map inclusive usage scenarios across ability spectrums for a product or feature.

Owl-Listener/inclusive-design-skills

Map situational impairments that affect all users in specific contexts — not just people with permanent disabilities.

Owl-Listener/inclusive-design-skills

Specify adaptive behaviour for an interface. An agent skill from Owl-Listener/inclusive-design-skills.

Owl-Listener/inclusive-design-skills

Communicate accessibility decisions, requirements, and value to stakeholders who aren't accessibility specialists.

Owl-Listener/inclusive-design-skills

Structure content for screen reader and assistive technology use.

Owl-Listener/inclusive-design-skills

Design data tables that work for screen readers and cognitive accessibility.

Owl-Listener/inclusive-design-skills

Analyse accessibility tradeoffs when a design decision improves accessibility for one group but may affect another, or when accessibility competes with other requirements.

Owl-Listener/inclusive-design-skills

Design interfaces that detect and respond to system-level user preferences.

Owl-Listener/inclusive-design-skills

Design navigation and information architecture for cognitive accessibility.

Owl-Listener/inclusive-design-skills

Resolves the visual direction at the plan stage from the brief and design system, without asking the user.

nexu-io/open-design

Creates or edits a Power Apps Canvas App through the Canvas Authoring MCP coauthoring session.

microsoft/power-platform-skills

Audit and optimize e-commerce landing pages for conversion. An agent skill from nexscope-ai/eCommerce-Skills.

nexscope-ai/eCommerce-Skills

High-converting landing pages — campaign pages, collection pages, seasonal promos, A/B testing

nexscope-ai/eCommerce-Skills

Store speed audit — lazy loading, image compression, app bloat removal, theme code optimization

nexscope-ai/eCommerce-Skills

Theme speed and UX optimization — Core Web Vitals, Liquid code, image loading, mobile responsiveness

nexscope-ai/eCommerce-Skills

Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.

microsoft/power-platform-skills

当修改前端样式、shared UI、设置界面、响应式/紧凑布局、输入焦点、配色、Tailwind/CSS/container query，或裁决 reusable component 的样式 owner 时使用。

Peiiii/nextclaw

当设计或重构前端 presenter/manager/store、Zustand 持久化、状态归属、view logic、业务组件内聚、prop drilling、复杂 hook/state-flow 或 RxJS 边界时使用。

Peiiii/nextclaw