"How can I use react-best-practices skills?" Codex example 👇

I’m interested in the “web-design-guidelines” skill. 👀

It's not graphic design skills, more like general guidelines for web interfaces

Does this work with vscode / copilot?

yep

The react native support 👀

I believe NextJS MCP is already applying these practices. Is there any difference?

MCP is mainly for tool calling (getting runtime data, migration to v16, etc...). It has some info about cacheComponents, but it's mostly for migration and missing docs context. Skills are like installing the taste for good React code (general best practices)

I am asking MCP to do an audit for best practices within each of my prompt via project rules. Does that count? 🙂

I just refactered lots of code with this

Just tried it out and it is working perfectly...... refactored a lot of messy code with it...

i treat best practices like jazz—know the rules, then improvise when the code starts to sing.

That's so useful

how can this be used in vscode ? without committing any md files in the repo ?

@get_hariharan This + add .github to gitignore

but we have .github folders in the team used for other stuffs

Was just looking at the repo to set it up in my project.

@far1din_

Wow is that already available?

Yep, available in Claude Code, Codex, OpenCode, and Cursor (Nightly channel

Like almost everything Vercel does, it’s not working, I tried it and it gets stuck on "Cloning repository". Any tips?

@danielcroe will we get nuxt/vue skills too?

how about @antigravity ?

Interesting

What’s the song in the video ?

this is actually helpful ?

Antigravity?

Hi, this can by installed with my tool/platform aiming to be the npm for agent skills. Examples: npm intall -g skild skild install @vercel-labs/react-best-practices # if you want to check it skild list

awesome