Profile My skills Saved Collections Edit profile Submit a skill

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.

futurediffusion Updated
Web & Frontend

File contents

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

futurediffusion/claudebot/tree/main/skills/_WEB_DESIGN_HUB commit 8487113672

Browse category

Frequently asked questions

npx skillmds@latest add futurediffusion/web-design-hub