web-design-hub

name	web-design-hub
description	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.
version	1.0.0
author	walva
license	MIT
tags	["web-design","frontend","animations","gsap","canvas","testing","themes"]
agents	["claude-code"]

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