UI/UX Skills

plannotator/effective-html

Design principles and creative direction for building non-generic HTML artifacts, ensuring high aesthetic quality and thoughtful design choices.

marvkr/better-design

Better Design is an MCP server and design system registry that equips AI coding agents with production-ready design tokens, component styles, and accessibility review rules.

nextlevelbuilder/ui-ux-pro-max-skill

An intelligent multi-format creative banner design system that generates custom art-directed visual assets across various platforms.

peixl/ifq-design-skills

IFQ Design Skills is an AI agent-driven design engine that transforms natural language prompts into shippable HTML prototypes, slide decks, and multimedia exports with an embedded ambient brand aesthetic.

GoogleChrome/modern-web-guidance

This skill provides comprehensive guidelines and rules for building, debugging, and publishing Chrome Extensions using Manifest V3. It helps developers avoid common pitfalls related to service workers, CSP, icons, and API usage.

hotosm/ui

AI coding agent operational guidance and architecture specification for the hotosm/ui shared web components repository.

discourse/discourse-theme-skills

This skill provides developer guidance and architectural patterns for authoring modular UI block components in Discourse themes using Glimmer components and the @block decorator.

caylent/tufte-data-viz

This skill applies Edward Tufte's data visualization principles to create clean, readable charts, graphs, and dashboards. It supports popular libraries like Recharts, ECharts, Chart.js, matplotlib, Plotly, and D3.

ParthJadhav/ios-marketing-capture

Automates the reproducible capture of marketing screenshots and isolated component renders for SwiftUI iOS apps across multiple locales and devices using an in-app capture architecture.

meursyphus/ssgoi

SSGOI is an AI coding agent skill designed to integrate native app-like page transitions into mobile web applications using the Web Animations API.

wuxie888/agent-skill-wannengcopy

Wannengcopy is an AI agent skill that transforms reference websites into original product pages through structured evidence reconnaissance and experience remixing. It guides agents to replicate design systems, motion choreography, and layout rhythms while replacing proprietary assets with custom product copy and features.

nodetool-ai/nodetool

This skill provides repository architecture, development standards, and agent rules for the NodeTool visual AI workflow platform.

victoriaplummer/airtable-interface-extension-toolkit

A comprehensive developer toolkit and reference guide for building, styling, and debugging custom Airtable Interface Extensions using the @airtable/blocks/interface SDK.

cuellarfr/design-skills

This skill guides developers and designers through conducting comprehensive WCAG 2.2 accessibility audits for digital products.

Nink1992/Starbucks-Design-main

This skill guides AI agents through a structured, multi-phase workflow for developing and maintaining design system components and page templates using React and Vue. It enforces strict separation between base components, business components, and page templates while aligning with Figma designs and Arco Design tokens.

kupzed/catatz

Repository-level operating instructions and design contract for Codex and Claude Code agents working on the CatatZ Next.js finance application.

comeonzhj/DAMNCOOL-slides-skill

Transforms user notes or outlines into cinematic, 3D-navigable HTML presentation decks complete with pre-built themes and animations.

bytechefhq/bytechef

ByteChef frontend coding guidelines and architectural standards for developing the workflow automation platform client.

templatical/sdk

Generates, validates, and interactively previews email templates as JSON for the Templatical drag-and-drop editor.

alonw0/web-asset-generator

Generates professional web assets like favicons, PWA app icons, and social media Open Graph images from logos, text slogans, or emojis.

get-zeked/content-creative-super-skill

A comprehensive creative studio skill that integrates Perplexity Computer's media generation capabilities with Claude Code's design and engineering frameworks.

vercel-labs/sitecore-skills

A collection of AI assistant skills designed to streamline the creation and deployment of Sitecore Marketplace applications using Next.js and the Sitecore SDK.

shesha-io/shesha-plugins

This skill guides developers through creating custom form designer components for the Shesha framework, including boilerplate generation, configuration settings, and toolbox registration.

revatikadam0607/portfolio

A professional frontend portfolio template featuring dark/light themes, interactive animations, and responsive project showcases.

cskiro/claudex

Conducts thorough WCAG 2.2 Level AA accessibility audits for React and TypeScript applications with specialized MUI framework awareness. It applies risk-based severity scoring rather than strict conformance levels to prioritize real-world impact.

burkeholland/ultralight

Ultralight is a multi-agent orchestration framework for VS Code that delegates tasks to specialized AI models like Claude and GPT-Codex.

David-abu/dashboard-review-skill

This skill provides a structured framework for auditing and critiquing data dashboards and reports from the perspective of a senior data analyst.

airowe/claude-a11y-skill

This skill performs comprehensive accessibility audits on web applications using axe-core for runtime browser scanning and eslint-plugin-jsx-a11y for static code analysis.

editor-js/link

Integrates rich link preview blocks into the Editor.js text editor.

luinnx/android-image-slide-panel

An Android UI component implementing a swipeable card stack effect where the top image slides horizontally and fades away before recycling to the bottom.