Tresjs
This wraps Three.js objects as Vue 3 components with a Tres prefix, so you build 3D scenes with template syntax instead of imperative code. You get TresCanvas for setup, reactive props that update the scene automatically, and the cientos package adds helpful abstractions like OrbitControls, useGLTF for loading models, and Environment for lighting. There's also a post-processing package for bloom and other effects. The declarative approach feels natural if you're already in Vue, and reactivity just works, but you're still dealing with Three.js concepts underneath. Good for Vue developers who want to add 3D without leaving the component model they know.
- skills.sh installs
- 1.2K
- GitHub stars
- 723
- last updated
- Aug 21, 2026
Install
$ npx -y skills add onmax/nuxt-skills --skill tresjs --agent claude-codeInstalls into .claude/skills of the current project.
Files
This wraps Three.js objects as Vue 3 components with a Tres prefix, so you build 3D scenes with template syntax instead of imperative code. You get TresCanvas for setup, reactive props that update the scene automatically, and the cientos package adds helpful abstractions like OrbitControls, useGLTF for loading models, and Environment for lighting. There's also a post-processing package for bloom and other effects. The declarative approach feels natural if you're already in Vue, and reactivity just works, but you're still dealing with Three.js concepts underneath. Good for Vue developers who want to add 3D without leaving the component model they know.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/onmax/nuxt-skills
- Category
- Frontend Development
- First seen
- May 16, 2026
More from onmax/nuxt-skills
All 21Recommended
More Frontend Development
sveltekit-structurespences10/svelte-skills-kitSvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending U1.1Kskills.sh installs
image-to-codeplugin87/ux-ui-agent-skillsTurn a reference image, screenshot, or mockup into token-driven, accessible code — infer the design system from the reference (palette, type scale, spacing, rad768skills.sh installsa11y-auditplugin87/ux-ui-agent-skillsAudit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and specific fixes. Use when the user want598skills.sh installs
syncfusion-blazor-rich-text-editorsyncfusion/blazor-ui-components-skillsImplements the Syncfusion Blazor Rich Text Editor (SfRichTextEditor) from Syncfusion.Blazor.RichTextEditor. Supports HTML, Markdown, and IFrame editor modes. Us385skills.sh installssyncfusion-blazor-ribbonsyncfusion/blazor-ui-components-skillsImplement the Syncfusion Blazor Ribbon component. Use this skill when creating ribbon interfaces, implementing ribbon tabs/groups/items, adding file menus, hand374skills.sh installs
flowkit-namingwebflow/webflow-skillsApply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions. Flowk304skills.sh installs