education-agent-skills
claude165 evidence-grounded skills for teachers, school leaders and EdTech: pedagogy, learning science, curriculum, assessment.
165 skills
0
claude
threejs-skills
Three.js: scene, geometry, materials, shaders, animation, postprocessing, React Three Fiber.
/
Plugin threejs-skills from marketplace giofornari in giofornari/skills. Commands read from the repo's manifest — 4 days ago.
What it installs
Skills (13)
threejs-animationKeyframe, skeletal and morph-target animation, procedural motion and clip blending, on WebGL or with WebGPU and TSL. Use when animating objects, playing glTF animations, posing bones, driving morph targets, or mixing and crossfading clips.
threejs-asset-pipelineShrinking glTF assets for three.js with gltf-transform: inspect, validate and optimize commands, Draco, meshopt and quantization, KTX2, WebP and AVIF textures, the loader setup each output needs, and gltfjsx for React. Use when compressing, optimizing or validating 3D models before loading them.
threejs-fundamentalsThree.js scene setup: scenes and fog, cameras, the renderer and tone mapping, the animation loop, object hierarchies, transforms, core math and cleanup, on WebGL or with WebGPU and TSL. Use when creating a scene from scratch, configuring a camera or renderer, handling resize, or arranging objects.
threejs-geometryCreating and shaping three.js geometry: built-in shapes, 3D text, vertex buffers and attributes, merging, instancing, batching, point clouds and lines, on WebGL or with WebGPU and TSL. Use when building 3D shapes or text, custom vertex data, custom meshes, instanced meshes, or point clouds.
threejs-interactionPicking with raycasting, camera controls, transform gizmos, drag, hover and box selection for three.js, identical under WebGL and WebGPU. Use when handling mouse, touch or keyboard input, detecting clicks on 3D objects, adding camera controls, or making scene objects interactive.
threejs-lightingLight types and physical units, shadow maps, HDR environment lighting, light probes, and lighting performance, on WebGL or with WebGPU and TSL. Use when adding or tuning lights, fixing shadow acne, setting up image-based lighting, or dimming an environment map.
threejs-loadersLoading three.js assets: glTF with Draco, meshopt and KTX2 compression, other model formats, textures, HDR and EXR environments, progress, caching, cloning and disposal. Use when loading 3D models, textures or environment maps, or managing loading progress, on WebGL or with WebGPU and TSL.
threejs-materialsChoosing and configuring three.js materials - unlit, diffuse, specular, PBR, toon, point and line materials - shared properties like blending and stencil, environment response, and the WebGPU node-material and TSL equivalents. Use when styling meshes or tuning material behavior.
threejs-performanceMeasuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, batching and LOD, fill rate, shadows, CPU work per frame, shader stalls and GPU compute for particles, WebGL or WebGPU with TSL. Use when a scene is slow, janks or exceeds memory.
threejs-postprocessingThree.js post-processing: composer pass chains, built-in renderer effects, and the WebGPU/TSL node pipeline — bloom, depth of field, ambient occlusion, custom screen effects. Use when adding visual effects, color grading, blur, glow, or screen-space shaders, on WebGL or with WebGPU and TSL.
threejs-react-three-fiberBuilding three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop, state and loading hooks, pointer events, and adaptive performance, on WebGL or with WebGPU and TSL. Use when writing React components that render three.js.
threejs-shadersCustom GLSL vertex and fragment shaders: uniforms, varyings, shader chunks, extending built-in materials, instanced attributes, plus the same effects as node materials with TSL on WebGPU. Use when writing a shader, a custom material or effect, moving vertices in a shader, or porting GLSL to TSL.
threejs-texturesThree.js textures: image loading, color spaces, UV channels and transforms, texture types from canvas to HDR and KTX2, render targets, texture memory. Use when working with images on materials, UV coordinates, cubemaps, render targets or texture optimization; on WebGL or with WebGPU and TSL.
More from giofornari/skills
All 67 plugins →sales-skills
claude122 sales skills for SDRs, AEs and revenue leaders: prospecting, discovery, objection handling, negotiation, pipeline management, AI SDR bots.
122 skills
0
openmontage
claudeOpenMontage agentic video production: its 91 skills. The full pipeline needs the project cloned.
93 skills
0
marketing-cro
claudeConversion and marketing frameworks: CRO methodology, StoryBrand, Scorecard Marketing, Contagious, 1-Page Marketing Plan.
65 skills
0
sales-influence
claudeSales and persuasion frameworks: Cialdini's influence psychology, Predictable Revenue, Made to Stick, $100M Offers.
65 skills
0
marketing-skills
claudecodexMarketing skills: CRO, copywriting, SEO and more.
53 skills
0
Similar plugins
45 advanced engineering skills: agent designer, agent workflow designer, RAG architect, database designer + schema designer + SQL assistant, migration architect, observability designer, dependency auditor, changelog generator, API design reviewer, API test suite builder, CI/CD pipeline builder, MCP server builder, skill security auditor, skill tester, performance profiler, focused-fix, browser-automation, full-page-screenshot, git-worktree-manager, monorepo-navigator, codebase-onboarding, interview-system-designer, runbook-generator, spec-driven-workflow, secrets-vault-manager, env-secrets-manager, pr-review-expert, self-eval, tc-tracker, feature-flags-architect, kubernetes-operator, chaos-engineering, ship-gate, slo-architect (error-budget + multi-window burn-rate alerts per Google SRE Workbook), tech-debt-tracker, agent-regression-evals, coding-agent-rollout, commit-craft, agent-run-forensics and i18n-localization. Agent skill and plugin for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw.
48 skills · hooks
alirezarezvani/claude-skills 29,725
Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views, shareable state, and advanced WebGL concepts.
18 skills
openai/plugins 7,914
frontend-design-pro
claudeAdvanced frontend design plugin with interactive wizard, trend research, moodboard creation, browser-based inspiration analysis, color/typography selection, and WCAG accessibility
6 skills · 3 commands
davepoon/buildwithclaude 3,741
pm-advanced
claudeAdvanced PM skills: AI Product Canvas, Multi-Source Signal Synthesiser, Experiment Designer, Design Handoff Brief, AI Ethics Review. For senior PMs working on complex products — including a structured ethical review framework for AI/ML features covering fairness, transparency, privacy, safety, and accountability.
6 skills
mohitagw15856/pm-claude-skills 1,544
python-expert
claudeUse this agent when working with Python code that requires advanced features, performance optimization, or comprehensive refactoring. Examples: <example>Context: User needs to optimize a slow Python function that processes large datasets. user: "This function is taking too long to process our data, can you help optimize it?" assistant: "I'll use the python-expert agent to analyze and optimize your Python code with advanced techniques and performance profiling."</example> <example>Context: User wants to implement async/await patterns in their existing synchronous Python code. user: "I need to convert this synchronous code to use async/await for better performance" assistant: "Let me use the python-expert agent to refactor your code with proper async/await patterns and concurrent programming techniques."</example> <example>Context: User needs help implementing complex Python design patterns. user: "I want to implement a factory pattern with decorators for my API endpoints" assistant: "I'll use the python-expert agent to implement advanced Python patterns with decorators and proper design principles."</example>
1 agent
ccplugins/awesome-claude-code-plugins 1,005
python-expert
claudeUse this agent when working with Python code that requires advanced features, performance optimization, or comprehensive refactoring. Examples: <example>Context: User needs to optimize a slow Python function that processes large datasets. user: "This function is taking too long to process our data, can you help optimize it?" assistant: "I'll use the python-expert agent to analyze and optimize your Python code with advanced techniques and performance profiling."</example> <example>Context: User wants to implement async/await patterns in their existing synchronous Python code. user: "I need to convert this synchronous code to use async/await for better performance" assistant: "Let me use the python-expert agent to refactor your code with proper async/await patterns and concurrent programming techniques."</example> <example>Context: User needs help implementing complex Python design patterns. user: "I want to implement a factory pattern with decorators for my API endpoints" assistant: "I'll use the python-expert agent to implement advanced Python patterns with decorators and proper design principles."</example>
1 agent
ananddtyagi/cc-marketplace 688
Maintain threejs-skills?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.
claude & codex plugins67 plugins