agentrigs
+ submit rig
~ / rigs / freshtechbro / claudedesignskills

freshtechbro/claudedesignskills

A comprehensive collection of Claude Code skills for modern web development, specializing in 3D graphics, animation, and interactive web experiences.

↗ GitHub ★ 1,011 MIT updated 11mo ago collection Claude Code Claude plugin
share on X
ARCHETYPE
Skill Collector
Ten-plus skills loaded on demand. A procedural-knowledge library.
CONTEXT TAX · EVERY TURN
~10.3k tokens
Heavy · median rig: 2.3k · breakdown
GUARDRAILS
0/5
No committed guardrails · details

Copy this rig

# review before running: this installs third-party code
$ npx degit freshtechbro/claudedesignskills/.claude ./rig-claudedesignskills  # inspect, then merge into .claude/

MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.

$ npx degit freshtechbro/claudedesignskills/.claude/skills/aframe-webxr .claude/skills/aframe-webxr
$ npx degit freshtechbro/claudedesignskills/.claude/skills/animated-component-libraries .claude/skills/animated-component-libraries
$ npx degit freshtechbro/claudedesignskills/.claude/skills/animejs .claude/skills/animejs
$ npx degit freshtechbro/claudedesignskills/.claude/skills/babylonjs-engine .claude/skills/babylonjs-engine
$ npx degit freshtechbro/claudedesignskills/.claude/skills/barba-js .claude/skills/barba-js
$ npx degit freshtechbro/claudedesignskills/.claude/skills/blender-web-pipeline .claude/skills/blender-web-pipeline
$ npx degit freshtechbro/claudedesignskills/.claude/skills/gsap-scrolltrigger .claude/skills/gsap-scrolltrigger
$ npx degit freshtechbro/claudedesignskills/.claude/skills/lightweight-3d-effects .claude/skills/lightweight-3d-effects
$ npx degit freshtechbro/claudedesignskills/.claude/skills/locomotive-scroll .claude/skills/locomotive-scroll
$ npx degit freshtechbro/claudedesignskills/.claude/skills/lottie-animations .claude/skills/lottie-animations
$ npx degit freshtechbro/claudedesignskills/.claude/skills/modern-web-design .claude/skills/modern-web-design
$ npx degit freshtechbro/claudedesignskills/.claude/skills/motion-framer .claude/skills/motion-framer
$ npx degit freshtechbro/claudedesignskills/.claude/skills/pixijs-2d .claude/skills/pixijs-2d
$ npx degit freshtechbro/claudedesignskills/.claude/skills/playcanvas-engine .claude/skills/playcanvas-engine
$ npx degit freshtechbro/claudedesignskills/.claude/skills/react-spring-physics .claude/skills/react-spring-physics
$ npx degit freshtechbro/claudedesignskills/.claude/skills/react-three-fiber .claude/skills/react-three-fiber
$ npx degit freshtechbro/claudedesignskills/.claude/skills/rive-interactive .claude/skills/rive-interactive
$ npx degit freshtechbro/claudedesignskills/.claude/skills/scroll-reveal-libraries .claude/skills/scroll-reveal-libraries
$ npx degit freshtechbro/claudedesignskills/.claude/skills/skill-creator .claude/skills/skill-creator
$ npx degit freshtechbro/claudedesignskills/.claude/skills/spline-interactive .claude/skills/spline-interactive
$ npx degit freshtechbro/claudedesignskills/.claude/skills/substance-3d-texturing .claude/skills/substance-3d-texturing
$ npx degit freshtechbro/claudedesignskills/.claude/skills/threejs-webgl .claude/skills/threejs-webgl
$ npx degit freshtechbro/claudedesignskills/.claude/skills/web3d-integration-patterns .claude/skills/web3d-integration-patterns

This rig commits no guardrails. Here is the community baseline instead — the deny/ask rules most often found across all 7,204 rigs:

{
  "permissions": {
    "deny": [
      "Read(./.env)",
      "Read(**/.env)",
      "Read(~/.ssh/**)",
      "Bash(rm -rf *)",
      "Read(**/*.pem)",
      "Bash(rm -rf /)",
      "Bash(git push --force:*)",
      "Bash(sudo *)",
      "Read(.env)",
      "Bash(rm -rf /*)",
      "Read(./.env.*)",
      "Read(~/.aws/**)",
      "Bash(git push --force*)",
      "Bash(rm -rf:*)",
      "Read(**/*.key)",
      "Read(**/.env.*)",
      "Bash(sudo:*)",
      "Bash(git reset --hard*)",
      "Bash(git reset --hard:*)",
      "Read(.env.*)"
    ],
    "ask": [
      "Bash(git push:*)",
      "Bash(git push *)",
      "Bash(git commit:*)",
      "Bash(rm *)",
      "Bash(rm:*)",
      "Bash(git rebase *)",
      "Bash(wget *)",
      "Bash(npm publish:*)",
      "Bash(git commit *)",
      "Bash(gh pr merge *)"
    ]
  }
}

Skills (23)

aframe-webxranimated-component-librariesanimejsbabylonjs-enginebarba-jsblender-web-pipelinegsap-scrolltriggerlightweight-3d-effectslocomotive-scrolllottie-animationsmodern-web-designmotion-framerpixijs-2dplaycanvas-enginereact-spring-physicsreact-three-fiberrive-interactivescroll-reveal-librariesskill-creatorspline-interactivesubstance-3d-texturingthreejs-webglweb3d-integration-patterns

Similar rigs

PleasePrompto/ductor
Control Claude Code, Codex CLI and Gemini CLI from Telegram. Live streaming, persistent memory, cron jobs, webhooks, Docker sandboxing.
★ 457 project Claude CodeCodexGemini CLI 1 skills 3mo ago
Minimalist 1.9k tok ·
Abdullah-967/my-claudec0de-setup-2026
Transform Claude Code into a professional autonomous agent. This setup includes structured context handoffs, a features.json tracking system, and built-in workflows for synchronization and semantic commits.
★ 3 setup Claude Code 1 skills 7mo ago
Pragmatist 750 tok ·
dukcode/claude-dotfiles
Personal configuration files for Claude Code — skills, hooks, and settings.claude-config
★ 0 setup Claude Code 1 skills 6mo ago
Minimalist 155 tok ·
joshmedeski/dotfiles
Josh's dotfiles for his developer environment
★ 467 setup Claude Code 2 skills 7d ago
Minimalist 1.1k tok ·
copied ✓