Extract visual effects, animation systems, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable OpenDesign web artifact.
Install
npx skills add nexu-io/open-design --skill od-web-effect-extractornpx skills add nexu-io/open-design --skill od-web-effect-extractor -a claude-code -gnpx skills add nexu-io/open-design --skill od-web-effect-extractor -a codex -ggemini skills install https://github.com/nexu-io/open-design.git --path plugins/_official/scenarios/od-web-effect-extractorgh skill install nexu-io/open-design od-web-effect-extractorgit clone --depth 1 https://github.com/nexu-io/open-design /tmp/nexu-io__open-design
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/nexu-io__open-design/plugins/_official/scenarios/od-web-effect-extractor ~/.claude/skills/od-web-effect-extractor # Claude Code
cp -R /tmp/nexu-io__open-design/plugins/_official/scenarios/od-web-effect-extractor ~/.agents/skills/od-web-effect-extractor # Codex, Cursor, Gemini CLI, Copilot, OpenCode