This one's for building user interfaces in FiveM using HTML, CSS, and JavaScript. It covers the essentials: setting up ui_page in your fxmanifest, handling SendNUIMessage and SetNUIFocus for fullscreen UIs, and wiring up NUI callbacks with RegisterNUICallback. The guidance is split across setup, fullscreen patterns, callbacks, and best practices, which is helpful since NUI communication between the client and browser context trips people up constantly. If you're making anything from inventory screens to admin panels, this gives you the FiveM-specific patterns you need without digging through forum posts. Points you to the natives docs when needed, which is the right call.

skills.sh installs
630
GitHub stars
20
last updated
Aug 21, 2026

Install

$ npx -y skills add germanfndez/fiveai-skills --skill fivem-nui --agent claude-code

Installs into .claude/skills of the current project.

Files

FiveM NUI

HTML/CSS/JS interfaces for FiveM: manifest setup, Lua-to-browser messages, NUI callbacks and focus handling.

Activation Contract

Load this skill when the user asks to create or edit a FiveM UI, writes HTML/CSS/JS inside a resource, sets ui_page, or asks about SendNUIMessage, SetNUIFocus or RegisterNUICallback.

Hard Rules

Sponsors

Details

Repository
github.com/germanfndez/fiveai-skills
Category
Frontend Development
First seen
Jun 3, 2026
1resend avatarresend-cliresend/resend-cliOperate the Resend platform from the terminal — send emails (including React Email .tsx templates via --react-email), manage domains, contacts, broadcasts, temp626skills.sh installs
2uni-helper avatarvueuse-functionsuni-helper/skillsApply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.611skills.sh installs
3tencentcloudbase avatarcloudbasetencentcloudbase/skillsUse this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects. Covers Web, 微信小程序, 小程序, uni608skills.sh installs
4secondsky avatarinspira-uisecondsky/claude-skills120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, interactive backgrounds, or encountering set572skills.sh installs
5adobe avatarstardustadobe/skillsGuided multi-page redesign of an existing website through a four-phase pipeline — extract (crawl and capture the current site), direct (set a visual direction),569skills.sh installs
6libukai avatarvscode-sftp-configlibukai/awesome-agent-skillsThis skill should be used when setting up SFTP deployment for static websites to production servers, including converting projects from Docker/Express to static557skills.sh installs