Claude MarketplacesSubmit
langgenius avatar

Web Design Guidelines

langgenius/difyOfficial

This audits your UI code against Vercel's Web Interface Guidelines, which it fetches fresh before every review to stay current. You point it at files or patterns, and it spits out violations in terse `file:line` format so you can jump straight to the problem. It checks accessibility, design patterns, and UX rules from the guidelines repo. Useful when you want an opinionated second look at frontend code without manually cross-referencing a style guide. The output is deliberately concise, which is helpful if you're running it in CI or just want quick feedback without prose.

skills.sh installs
688
GitHub stars
160.8K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add langgenius/dify --skill web-design-guidelines --agent claude-code

Installs into .claude/skills of the current project.

Files

This audits your UI code against Vercel's Web Interface Guidelines, which it fetches fresh before every review to stay current. You point it at files or patterns, and it spits out violations in terse `file:line` format so you can jump straight to the problem. It checks accessibility, design patterns, and UX rules from the guidelines repo. Useful when you want an opinionated second look at frontend code without manually cross-referencing a style guide. The output is deliberately concise, which is helpful if you're running it in CI or just want quick feedback without prose.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/langgenius/dify
Categories
Git & Pull Requests, Code Review & Quality, Design & UI/UX
First seen
May 16, 2026

More from langgenius/dify

All 8

Recommended

More Git & Pull Requests
1joellewis avataraccount-maintenancejoellewis/finance_skillsProcess account maintenance requests across the account lifecycle. Use when changing a client address or contact info with identity verification, updating benef686skills.sh installs
2joellewis avatarstp-automationjoellewis/finance_skillsMeasure and raise straight-through processing (STP) rates in securities operations through zero-touch, exception-based processing. Use when measuring STP rates 686skills.sh installs
3madteacher avatarflutter-driftmadteacher/mad-agents-skillsImplement, fix, review, migrate, test, or debug Drift persistence in Flutter apps using SQLite, drift_flutter, type-safe Dart queries, generated tables, StreamB686skills.sh installs
4joellewis avatarclient-reporting-deliveryjoellewis/finance_skillsDesign, generate, and deliver client performance reports across all channels, covering quarterly reports, tax reporting, portal integration, and compliance revi685skills.sh installs
5alirezarezvani avatarcompetitive-teardownalirezarezvani/claude-skillsAnalyzes competitor products and companies by synthesizing data from pricing pages, app store reviews, job postings, SEO signals, and social media into structur684skills.sh installs
6joellewis avatarproposal-generationjoellewis/finance_skillsGenerate end-to-end investment proposals covering risk profiling, model portfolio recommendation, fee illustration, projections, and compliance review. Use when684skills.sh installs