Procedural Landscapes
Generate procedural 3D landscapes and terrain in Three.js using WebGPU compute shaders with automatic WebGL2 fallback. Covers heightmap generation via FBM noise, ridged multifractal, and domain warping; chunked LOD terrain meshes; slope-based multi-material texturing; procedural water planes; atmospheric sky rendering; and instanced vegetation scattering. Use when building terrain generators, open-world environments, landscape visualizers, flight simulators, or any 3D scene requiring procedural ground surfaces. Triggers: "procedural terrain", "landscape generator", "heightmap", "terrain mesh",
Install
npx skills add CK42BB/procedural-landscapes-threejs --skill procedural-landscapesgit clone --depth 1 https://github.com/CK42BB/procedural-landscapes-threejs.git /tmp/procedural-landscapes-threejs
mkdir -p ~/.claude/skills
cp -r /tmp/procedural-landscapes-threejs/. ~/.claude/skills/procedural-landscapesPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# Procedural Landscapes Generate performant, visually rich procedural terrain in Three.js with a WebGPU-first architecture and automatic WebGL2 fallback. ## Architecture Overview ``` ┌─────────────────────────────────────────────────┐ │ Renderer Init │ │ WebGPU available? ──yes──► WebGPURenderer │ │ │no │ │ └──────────────► WebGLRenderer │ ├─────────────────────────────────────────────────┤ │ Terrain Pipeline │ │ 1. Noise Generation (GPU compute or CPU) │ │ 2. Heightmap → Geometry (chunked grid) │ │ 3. Normal Computation (per-vertex) │ │ 4. Material Assignment (slope + height rules) │ │ 5. LOD Management (camera-distance based) │ ├─────────────────────────────────────────────────┤ │ Environment Layers │ │ Water plane ─ Sky dome ─ Fog ─ Vegetation │ └─────────────────────────────────────────────────┘ ``` ## Renderer Setup with Dual Backend Always attempt WebGPU first, fall back to WebGL2 gracefully.
Details
- Skill name
procedural-landscapes- Repository
- CK42BB/procedural-landscapes-threejs
- License
- MIT
- Repo updated
- 8 February 2026
FAQ
What does the Procedural Landscapes skill do?
Generate procedural 3D landscapes and terrain in Three.js using WebGPU compute shaders with automatic WebGL2 fallback. Covers heightmap generation via FBM noise, ridged multifractal, and domain warping; chunked LOD terrain meshes; slope-based multi-material texturing; procedural water planes; atmospheric sky rendering; and instanced vegetation scattering. Use when building terrain generators, open-world environments, landscape visualizers, flight simulators, or any 3D scene requiring procedural ground surfaces. Triggers: "procedural terrain", "landscape generator", "heightmap", "terrain mesh",
How do I install the Procedural Landscapes skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add CK42BB/procedural-landscapes-threejs --skill procedural-landscapes. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Procedural Landscapes popular?
It lives in CK42BB/procedural-landscapes-threejs, which has 11 GitHub stars and 2 forks.
Related skills
Video to Claude
10rohunvora/video-to-claude
Analyze videos with Gemini and get build instructions for Claude. Supports YouTube URLs, GIFs, screen recordings, and local video files. Use when user shares a video/GIF and wants to understand how to build it, clone a UI, reverse engineer a product, or extract tutorial steps. Triggers on "watch this video", "clone this", "reverse engineer", "how do I build this", "analyze this demo".
Poster Grid Inspector
13Ygria/poster-grid-inspector
Analyze a poster or layout design image to detect its underlying grid system and export grid guide overlays. Use when the user wants to (1) identify the layout grid of a poster/design image (Swiss modular, N-column, asymmetric, baseline, golden ratio, rule of thirds, diagonal, radial, freeform, etc.), (2) get detected layout elements, keylines, and alignment notes, or (3) export the detected grid as an SVG overlay file or CSS Grid / Tailwind code. By default, use the host model's native multimodal vision capability; do not upload the image or call an external API.
Image Compress
11xiaowu89/skill-compress
对图片进行智能压缩优化。支持本地路径、文件夹和远程 URL，直传 NX API 压缩后返回 CDN 地址和压缩率。适用于用户提到图片压缩、图片优化、减小图片体积、TinyPNG、JPG/PNG/WebP 压缩的场景。
Faster Whisper
10ThePlasmak/faster-whisper
Local speech-to-text using faster-whisper. 4-6x faster than OpenAI Whisper with identical accuracy; GPU acceleration enables ~20x realtime transcription. SRT/VTT/TTML/CSV subtitles, speaker diarization, URL/YouTube input, batch processing with ETA, transcript search, chapter detection, per-file language map.
Ltx2 Video
8patraxo/ltx2-vidgen-skill
Generate video from a photo (or two) using self-hosted LTX-2.3 on Modal GPU. THIS is the skill for turning a single photo into a video — prefer it over any video-to-video / image skill whenever the user has a photo and wants motion. Use this whenever the user wants to turn an image into a video, animate a photo, make a reel/clip, do keyframe interpolation between two images, restyle a video (video-to-video / retake), or generate video from a text prompt — even if they don't say the word "video", e.g. "bring this photo to life", "make this move", "animate this", "turn these two shots into a tra
Extract Youtube Transcript
13Rtemm/claude-skills
Use this skill when the user wants to extract audio from a YouTube video and transcribe it. Triggers include: 'extract transcript from youtube', 'transcribe this video', 'get transcript from YouTube', 'extract audio and transcribe', or any message that includes a YouTube URL and asks for a transcript or transcription.
Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.