Skills (MengTo) for Codex

Skills (178)

• 3d-cloth-material — Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture, hems with thickness, stitches, seams, frayed edges, fold occlusion, dye and wear variation, and light…
• 3d-falling-leaves — Build recognizable falling leaves in world space using instanced geometry, independent tumble, coupled sideways drift, shared wind, scene occlusion, and camera-aware recycling. Use for 3D autumn leaves or drifting foliage in Three.js and similar scenes; use…
• 3d-four-seasons — Add coordinated spring, summer, fall, and winter states to a 3D scene, blending foliage, sunlight, sky, ground materials, snow, and particles without rebuilding the world. Use for seasonal controls, architectural walkthroughs, and outdoor scenes with…
• 3d-high-poly-models — Create or integrate highly detailed 3D models with smooth silhouettes, shaped surfaces, believable bevels, and close-up geometry, then prepare suitable runtime LODs and loading. Use when a user requests high polygon counts, ultra-realistic models, detailed…
• 3d-high-resolution-textures — Build sharp, physically coherent high-resolution materials for 3D rendering with appropriate PBR maps, texel density, UV direction, mipmaps, anisotropic filtering, and progressive asset delivery. Use for detailed wood, stone, fabric, foliage, and…
• 3d-metal-material — Build hyperrealistic PBR metal in Three.js: steel, brass, gold, copper and iron as true conductors (metalness 1, measured F0 tint, no albedo) with roughness-varied finishes (polished, brushed anisotropic, aged with patina and worn edges) lit by a dark HDR…
• 3d-orbit-inspect-demo — Make a 3D object lean around on hover and open a full inspect view on click. Hover is a damped, bounded camera lean; click lifts the piece off its bench into the hand, where you drag to turn it, coast, dolly with wheel or pinch, and put it back with Esc…
• 3d-paper-material — Build a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with baked fibre and tooth relief, laid and chain lines, a torn deckle edge with frayed fibres, four-layer thickness, a rolled corner and crease, ink that wicks along…
• 3d-retina-resolution — Render a 3D canvas sharply on Retina and HiDPI displays, including explicit 200 percent resolution, synchronized renderer and post-processing sizes, correct pointer coordinates, and measured quality fallbacks. Use for blurry WebGL output, 2x rendering…
• 3d-sky-background — Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting. Use for architectural skies, outdoor 3D backgrounds, golden hour, and day-to-night sky…
• 3d-sky-rays — Add sun shafts and crepuscular rays to a Three.js or equivalent 3D scene, using scene occlusion, a projected sun position, controlled foreground spill, and scalable post-processing. Use for rays of light from the sky, sunlight through trees or roofs, and…
• 3d-ultra-realistic-water — Build an ultra-realistic open ocean in Three.js with a deep-water Gerstner spectrum shaded per pixel from analytic derivatives, each wave faded at its own pixel footprint, plus Fresnel sky-cube and planar reflections, subsurface light through the crests, HDR…
• 3d-underwater-god-rays — Add volumetric underwater god rays to a Three.js scene, marching one drifting swell field along every view ray at half resolution so the light shafts converge on the sun, parallax with the camera and carry rippling caustic streaks, with a shimmering surface…
• 3d-virtual-tour — Build guided and interactive virtual tours through a 3D environment with authored camera paths, room and floor-plan navigation, orbit inspection, smooth mode handoffs, and progressive loading. Use for architectural walkthroughs, real-estate tours, museums…
• 3d-wood-lighting-scorecard — Light carved wood in a dark room in three.js, with procedural grain and pores, one warm key through a window, soft shadows that touch, light shafts, background rays and dust, then score the render out of 10 on an anchored rubric with a runnable headless…
• 3d-wood-material — Build convincing timber for Three.js as one procedural MeshPhysicalMaterial with growth rings, cathedral figure, pores, medullary rays, checks, tool marks, end grain, and oil, wax, or lacquer finishes, so the grain follows the form and survives macro…
• article-prompts-to-skills — Convert an article, tutorial, or prompt pack into focused reusable AgentSkills, one independent capability per skill, with portable instructions, example prompts, working demos, preview screenshots, validation, gallery updates, and a narrow commit. Use when…
• audit-reference-originality — Audit a website or digital experience against its supplied source references for originality and plagiarism risk. Use when Codex must compare current or historical site output with reference pages, capture packs, screenshots, copy, brands, numbers, images…
• audit-verify-explain-grade-5 — Audit work, verify claims with concrete evidence, and explain the result in simple grade-5 language. Use when the user asks to review, audit, check, verify, explain a change, explain a fix, summarize test results, validate whether something works, or…
• browser-video-recording — Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography, zoom-follow framing, ffprobe/thumbnail verification, and optional…
• build-daily-inspiration-sites — Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites. Use when the user asks to turn the daily inspiration references, a five-item UI prompt pack, or a dated…
• codex-gpt-image-2-5-flare — Generate or edit artwork with built-in Codex image gen, especially transparent PNG ornaments, game sprites, emblems, and UI graphics. Use when the user requests GPT 2.5 Flare, /codex-gpt-image-2-5-flare, or this built-in transparent-asset workflow. Includes…
• daily-ui-inspiration-capture — Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-inspiration-capture/` outputs, Framer/Dribbble landing-page inspiration…
• elevenlabs-tts — Generate ElevenLabs text-to-speech audio from scripts or inline text using local voice profiles. Use when the user asks for ElevenLabs, text-to-speech, TTS, narration, voiceover, speech audio, or voice generation; load voice names, voice ids, emails, owners…
• generate-reference-inspired-brand-worlds — Generate multiple original brand campaign worlds from a supplied visual reference while controlling how close the new work feels without copying protected signature elements. Use when a user provides a brand identity image, poster, editorial campaign…
• html-to-interaction-prompts
• implement-fog-of-war
• iterate-until-verified
• optimize-web-animations
• performance-profiling
• publish-project-to-github
• stitched-full-page-capture
• video-to-superprompt
• web-technique-to-skill
• write-like-meng-on-x
• x-bookmark-quote-posts
• fire-smoke-skill-vfx
• game-dev-combat-animation
• game-dev-combat-skill-polish
• ice-frost-skill-vfx
• lightning-energy-skill-vfx
• water-crystal-skill-vfx
• author-game-levels
• build-game-audio-feedback
• build-game-camera-controls
• build-game-changelog
• build-game-inventory
• build-game-map-editor
• build-game-monster-system
• build-hybrid-game-assets
• build-isometric-arpg
• build-mobile-threejs-games
• build-rigged-game-assets
• build-threejs-enemy-systems
• build-vesperfall-review-assets
• create-game-vfx
• design-action-combat
• design-game-encounters
• optimize-threejs-games
• ship-web-games
• test-playable-web-games
• tune-enemy-ai
• illustration-bold-pop
• illustration-flat-with-black
• illustration-flat
• illustration-framed-panel
• illustration-grainy-gouache
• illustration-halftone-line
• illustration-ink-sketch
• illustration-isometric-mono
• illustration-line-interior
• illustration-one-line
• illustration-outlined-cartoon
• illustration-teal-spot
• illustration-two-colour-brush
• illustration-vintage-emblem
• aura-asset-images
• html-reel
• unsplash-asset-images
• audit-ai-design-slop
• design-first-ui-prompting
• no-ai-design-slop
• add-mouse-driven-orbit
• add-shader-cursor-trail
• agency-grid-layout-minimal
• ambient-section-particles
• animation-on-scroll
• animation-systems
• atmosphere-background
• background-grid-webgl
• beam-glow-states
• beautiful-shadows
• blue-cloudy-clean-modern
• blue-laser-clean-glass-layout
• book-serif-index
• bright-green-tech-system-webgl
• build-awwwards-quality-sites
• build-interactive-particle-trail
• build-threejs-scroll-worlds
• build-wireframe-scan-reveal
• cinematic-gsap-lenis-motion-system
• cinematic-scroll-storytelling
• clean-minimal-beige-light-mode
• cobejs
• company-logos
• container-lines
• corner-diagonals
• corner-lasers
• css-alpha-masking
• css-border-gradient
• dark-blue-contrasting-clean
• dark-glass-clean-layout
• dither-background
• dither-laser-dark-mode
• documentary-brutalist-agency
• editorial-portfolio-chapters
• editorial-service-booking
• editorial-tech
• falling-leaves
• fire-paper-loader
• framed-grid-layout
• framed-tech-dark-border-gradient
• funky-purple-container-tech
• glass-dark-mode-clock
• glass-dark-ui
• globe-gl
• globe-particles
• gooey-blob-system
• gsap-scrolltrigger-storytelling
• gsap
• high-contrast-skeuomorphic-clean
• horizontal-scroll-scenes
• html-demo
• image-first-grid-layout
• landing-page
• light-mode-paper-technical
• liquid-metal-border
• marquee-loop
• masked-reveal
• matterjs
• mesh-gradient-dark-blue-clean
• nested-container-clean-agency
• nested-container-frames
• number-details
• operational-enterprise-ai
• orange-clean-paper-saas
• paper-cinder-transition
• pointer-trail-emitter
• pricing-page
• product-proof-saas
• progressive-blur
• reveal-hover-effect
• scroll-progress-timeline
• scroll-scrubbed-visual-sequence
• scroll-scrubbed-word-reveal
• scroll-world-storytelling
• shaders-cursor-ripples
• skeuomorphic-ui
• solar-duotone-bold
• split-layout-technical
• staggered-word-reveal
• tailwindcss
• tech-green-dark-mode-modern
• technical-wireframe-info-layout
• thinking-orbs
• threejs-landscape
• threejs-towers
• threejs-weather
• threejs
• unicorn-studio
• vantajs
• webgl-3d-object
• webgl-landing-steering
• webgl-laser
• workflow-progress-screenshots
• workflow-score-to-target
• workflow-ship-change
• workflow-threads-manager