web-design skills

16 tagged web-design, measured the same way as everything else here.

Browse within: design-system 49claude-code-plugin 45seo 45ai-skills 32web-agency 31agent 8gpt-image-2 6skills 6

beautiful-article

01

ConardLi/garden-skills

Skill Claude CodeCodex

A tool for turning source material—such as a web page, PDF, DOCX, Markdown file, text, screenshot, or pasted content—into a single offline HTML article.

not rated 13k +144 10d ago A Socket: passSnyk: warnSkillSpector: pass 226 tokens original MIT

web-design

02

xiaopu-ai/web-design

Skill Claude CodeCodex

A web design workflow for turning a brief, reference website, screenshot, or keywords into a design specification and then web code. It covers visual style, page structure, interaction, responsive layouts, and motion.

not rated 796 +8 3mo ago A 151 tokens original MIT

fantastic-ui

03

succtorlin/fantastic-ui

Skill Claude CodeCodex

Design and build instrument-grade marketing pages and in-product surfaces (app pages, dashboards, panels, and subpanels) that feel like the product, not a template. When the look is not decided yet, it renders the two or three best-fitting directions as sample pages to choose from before building. Use for landing…

not rated 7 changed yesterday A 242 tokens original MIT

deveshpunjabi/modern-frontend-skill

Skill Claude CodeCodex

How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — not generic templates. Use this skill whenever the user asks to build a frontend, create a landing page, design a dashboard, scaffold a web app UI, build a…

not rated 5 7mo ago A Socket: warnSnyk: pass 167 tokens original MIT

apple-design

05

billythekidz/apple-design-skill

Skill Claude CodeCodex

Complete Apple Human Interface Guidelines (HIG) and Apple Design System standard. Use when designing, building, or auditing UI/UX for iOS, iPadOS, macOS, watchOS, visionOS, or Apple-styled web and mobile applications.

not rated 5 2mo ago A 55 tokens original MIT

design-libera

06

liberastudio-mx/skill-web-design

Skill Claude CodeCodex

Visual and aesthetic design direction for web and UI. LIBERA Studio synthesis of impeccable design laws + high-end-visual-design pattern catalog. Self-contained for first-pass direction; optional deep-dive references if skill-web-design repository is available. Covers brand and product registers, OKLCH color strategy…

not rated 4 +1 4mo ago A 92 tokens

alex-style

07

worldofhacks/alex-style

Skill Claude CodeCodex

Use when building or styling any web UI — landing pages, hero sections, dashboards, components, marketing sites — or when the user asks for beautiful, animated, or polished design, UI animations, animated backgrounds, gradients, icons, smooth scrolling, or design inspiration. Also use before reaching for the web to…

not rated 2 2mo ago A 70 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: