SKILL·674D74

web-design-expert

mattnigh
Updated 1 month ago
11 views
22
1
22
View on GitHub
Otherwebbrandui-uxlayoutvisual-design

About

This skill generates comprehensive web design concepts, including brand identity, color schemes, and responsive layouts. Use it for initial visual design, UI/UX patterns, and overall composition when prompted by terms like "web design" or "brand identity." It defers detailed typography, color theory, and design token work to more specialized skills.

Quick Install

Claude Code

Recommended
Primary
npx skills add mattnigh/skills_collection -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/mattnigh/skills_collection
Git CloneAlternative
git clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/web-design-expert

Copy and paste this command in Claude Code to install this skill

GitHub Repository

mattnigh/skills_collection
Path: collection/erichowens__some_claude_skills__claude__skills__web-design-expert__SKILL.md
0
FAQ

Frequently asked questions

What is the web-design-expert skill?

web-design-expert is a Claude Skill by mattnigh. Skills package instructions and resources that Claude loads on demand, so Claude can perform web-design-expert-related tasks without extra prompting.

How do I install web-design-expert?

Use the install commands on this page: add web-design-expert to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does web-design-expert belong to?

web-design-expert is in the Design & Creative category, tagged web, brand, ui-ux, layout and visual-design.

Is web-design-expert free to use?

Yes. web-design-expert is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Related Skills

2000s-visualization-expert
Other

This Claude Skill helps developers implement advanced, audio-reactive music visualizations like Milkdrop using modern web technologies. It specializes in WebGL with Butterchurn, processing Web Audio API FFT data to drive GLSL shaders for psychedelic, generative visuals. Use it for complex real-time audio visualizations, not for basic waveform charts or non-audio graphics.

View skill
2000s-visualization-expert
Other

This Claude Skill helps developers implement advanced, audio-reactive music visualizations using WebGL, specifically focusing on 2000s-era styles like Milkdrop. It provides expertise in integrating the Butterchurn library, processing Web Audio API FFT data, and creating visuals with GLSL shaders. Use it for complex, psychedelic generative art, not for basic waveform or bar chart visualizations.

View skill
adhd-design-expert
Other

This skill provides specialized UX design guidance for creating digital experiences tailored to ADHD and neurodivergent users, grounded in neuroscience. It focuses on reducing cognitive load, addressing time blindness, and implementing dopamine-driven engagement patterns. Use it when designing for ADHD contexts, but not for general WCAG compliance or neurotypical UX.

View skill
adhd-design-expert
Other

This skill designs digital interfaces specifically for ADHD users by applying neuroscience and UX principles to reduce cognitive load and address time blindness. It focuses on dopamine-driven engagement and compassionate patterns, triggered by terms like "neurodivergent UX" or "executive function." Use it for ADHD-centric design, not for general WCAG accessibility or standard UI styling.

View skill