# Web Design Hub

> 8 web design and frontend skills for Claude Code: algorithmic art, canvas animations, frontend design systems, GSAP animations, MCP server builder, theme factory, web artifact builder, and webapp testing.

- Skill: `futurediffusion/web-design-hub` (Agent Skill, multi-file: 131 files)
- Install (CLI): `npx skillmds@latest add futurediffusion/web-design-hub`
- Raw SKILL.md: https://api.skillmd.com/api/skills/futurediffusion/web-design-hub/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: MIT
- Author: futurediffusion (https://skillmd.com/u/futurediffusion)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/futurediffusion/web-design-hub

---


# Web Design Hub

8 skills for frontend design, animations, web artifacts, and testing.

## Skills

| Skill | Purpose |
|-------|---------|
| algorithmic-art | Generative algorithmic art with code: fractals, cellular automata, L-systems |
| canvas-design | HTML Canvas and WebGL creative coding |
| frontend-design | Design systems, component libraries, responsive layouts |
| gsap-skills | GSAP animation library: timelines, ScrollTrigger, morphing |
| mcp-builder | Build and deploy MCP (Model Context Protocol) servers |
| theme-factory | CSS theme generation: tokens, dark/light mode, brand themes |
| web-artifacts-builder | Build complete web artifacts: landing pages, dashboards, tools |
| webapp-testing | E2E and integration testing for web applications |

## Usage

To load a specific skill, read its SKILL.md:
```
/read _WEB_DESIGN_HUB/frontend-design/SKILL.md
/read _WEB_DESIGN_HUB/gsap-skills/SKILL.md
/read _WEB_DESIGN_HUB/web-artifacts-builder/SKILL.md
```