Best Claude skills for web design.
849 skills in ahel's catalog match "web design". This list ranks 25 of them by GitHub stars, with the ones named for web design first. The top three are dating-web, magazine-web-ppt and web-prototype. They come from 19 different publishers. All 25 have GitHub stars on record, and dating-web has the most, 98,952. 1 of the 25 show weekly installs, and web-design-guidelines leads with 26,380 a week. 1 is published by the vendor itself and 24 by the community. 14 of the 25 were read in full by ahel's safety review. All 25 work through ahel today, so one connection brings them to Claude, ChatGPT and Ahel Desktop. 23 of the 25 had a commit in the last 90 days. Most sit in Web & browsing and Media. Each row links to the item's own page, with its install steps and safety review.
25 results
| # | Name | Stars | Installs a week | Publisher | Use in |
|---|---|---|---|---|---|
| 1 | dating-webLets your agent build a polished dating-site dashboard web page with stats charts and editorial styling. | 99k | none | Communitynexu-io | ClaudeChatGPTAhel Desktop |
| 2 | magazine-web-pptLets your agent draft marketing launch plans and campaign budgets tied to growth and pipeline goals. | 99k | none | Communitynexu-io | ClaudeChatGPTAhel Desktop |
| 3 | web-prototypeLets your agent build a simple desktop web page as a single HTML file using ready-made templates and layouts. | 99k | none | Communitynexu-io | ClaudeChatGPTAhel Desktop |
| 4 | web-prototype-taste-brutalistLets your agent build web prototypes in a Swiss industrial-print brutalist style with bold type and grids. | 99k | none | Communitynexu-io | ClaudeChatGPTAhel Desktop |
| 5 | web-prototype-taste-editorialLets your agent build minimalist editorial-style web prototypes with serif fonts, hairline borders, and muted colors. | 99k | none | Communitynexu-io | ClaudeChatGPTAhel Desktop |
| 6 | web-prototype-taste-softLets your agent style web prototypes with a soft look: cream canvas, rounded cards, gentle animations and gradients. | 99k | none | Communitynexu-io | ClaudeChatGPTAhel Desktop |
| 7 | web-design-reviewerLets your agent inspect a website and find design problems like layout, accessibility, and consistency issues. | 40k | none | Communitygithub | ClaudeChatGPTAhel Desktop |
| 8 | premium-web-designLets your agent build polished, high-end looking websites and pages as ready-to-use React JSX code. | 32k | none | Communitydavila7 | ClaudeChatGPTAhel Desktop |
| 9 | web-design-guidelinesLets your agent review UI code against web design guidelines skill rules and report issues with file and line numbers. | 32k | 26k | Officialvercel-labs | ClaudeChatGPTAhel Desktop |
| 10 | web-design-engineerGives your agent a web design engineer skill to build polished pages, dashboards, prototypes, and UI mockups. | 13k | none | Communityconardli | ClaudeChatGPTAhel Desktop |
| 11 | web-animation-designLets your agent design and review web animations using a web animation design skill guide for easing, timing and motion. | 10k | none | Communitybaptistearno | ClaudeChatGPTAhel Desktop |
| 12 | web-design-analyzerLets your agent analyze a web page screenshot and extract its colors, fonts, and component styles. | 7k | none | Communityanbeime | ClaudeChatGPTAhel Desktop |
| 13 | designLets your agent use a design skill to work on software architecture, API contracts, and data models. | 2k | none | Communitystatic-web-server | ClaudeChatGPTAhel Desktop |
| 14 | web-designLets your agent use a web design skill to build single-page HTML sites and deploy them to Cloudflare Pages. | 781 | none | Communitycountbot-ai | ClaudeChatGPTAhel Desktop |
| 15 | popular-web-designsGives your agent 54 ready-made web design templates so generated pages match the look of sites like Stripe or Notion. | 547 | none | Communitytommy-yw | ClaudeChatGPTAhel Desktop |
| 16 | web-design-pickerLets your agent create website design directions with previews and a client review picker. | 409 | none | Communityjamditis | ClaudeChatGPTAhel Desktop |
| 17 | responsive-web-designHelps your agent build responsive web layouts that adapt to phones, tablets, and desktops using Flexbox, CSS Grid, and media queries. | 223 | none | Communitysecondsky | ClaudeChatGPTAhel Desktop |
| 18 | web-design-direction-systemLets your agent design and polish website and app UIs with clearer visual direction and a final check before handoff. | 126 | none | Communitythegoat395 | ClaudeChatGPTAhel Desktop |
| 19 | web-design-vocabularyLets your agent turn vague website taste words like 'premium' or 'minimal' into concrete design decisions. | 126 | none | Communitythegoat395 | ClaudeChatGPTAhel Desktop |
| 20 | community-popular-web-designsLets your agent reference 54 production-quality design systems taken from real websites. | 125 | none | Communityargentaios | ClaudeChatGPTAhel Desktop |
| 21 | specsfy-specialist-web-api-designHelps your agent design and review HTTP APIs covering resources, methods, errors, pagination, auth and versioning. | 83 | none | Communitypromovaweb | ClaudeChatGPTAhel Desktop |
| 22 | ai-friendly-web-designHelps your agent build and review web interfaces that work well for people, screen readers, tests, and AI agents. | 77 | none | Communityianho7 | ClaudeChatGPTAhel Desktop |
| 23 | web-design-directorDesign, implement, or review websites and application interfaces through product-specific visual direction, information architecture, interaction design, responsive behavior, accessibility, and verified frontend execution. Use for 网页设计、网站设计、界面设计、UI/UX、页面布局、前端视觉、交互设计、设计系统、响应式 and interface work on da | 55 | none | Community62656456 | ClaudeChatGPTAhel Desktop |
| 24 | design-webUse when building or revising a marketing/landing/campaign page, register `brand` locked at Gate 0 — use design-webapp for app screens instead. | 29 | none | Communityfusengine | ClaudeChatGPTAhel Desktop |
| 25 | web-design-teroopA design-first architect that generates, persists, and maintains a comprehensive design document (Style, Color, Typography, Icons, Logo) to ensure a premium UI/UX. | 21 | none | Communitytrae-community | ClaudeChatGPTAhel Desktop |