Toolverse
All skills
UX / Design

web-design-guidelines

by vercel

Review UI code for Web Interface Guidelines compliance. Use when asked to \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
vercel
Category
UX / Design
Views
70
GitHub repo

About this skill

Review UI code for Web Interface Guidelines compliance. Use when asked to \

How to use

  1. Zainstaluj skill web-design-guidelines w swoim środowisku agenta (np. Claude, Copilot). Skill będzie dostępny jako narzędzie do audytu kodu interfejsu.

  2. Przygotuj pliki do przeglądu — mogą to być pojedyncze pliki HTML, komponenty React, arkusze stylów CSS lub cały katalog z kodem UI.

  3. Wyzwól skill, podając ścieżkę do pliku lub wzorzec (pattern), np. "sprawdź moje komponenty w src/components" lub "zaudytuj index.html". Jeśli nie podasz ścieżki, skill poprosi Cię o wskazanie, które pliki chcesz przeanalizować.

  4. Skill automatycznie pobierze najnowsze wytyczne Web Interface Guidelines z oficjalnego repozytorium Vercel i załaduje wszystkie obowiązujące reguły.

  5. Analiza porówna Twój kod z każdą regułą z wytycznych — sprawdzane są dostępność, UX, best practices i zgodność ze standardami.

  6. Otrzymasz raport z wynikami w formacie plik:linia, pokazujący dokładnie gdzie w kodzie znaleziono niezgodności, co ułatwia szybkie naprawy.

Related skills

responsive-design

by wshobson

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

UX / Design
1766

blender-toolkit

by Dev-GOM

Automate Blender tasks like creating 3D shapes, managing materials, and retargeting Mixamo animations with real-time control.

UX / Design
60200

software-architecture

by davila7

Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.

UX / Design
66205

stitch-ui-design

by sickn33

Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs, or needs help crafting Stitch prompts. Covers prompt structure, specificity techniques, iteration

UX / Design
1670

scroll-experience

by davila7

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not

UX / Design
75117

competitive-landscape

by wshobson

This skill should be used when the user asks to \

UX / Design
1457