Sandbox Bench
vercel/next.js
Benchmark React or Next.js changes on Vercel Sandbox VMs with paired A/B statistics: react PR/commit vs base, or Next.js PR/commit vs base, measured end-to-end through the bench/render-pipeline app…
Apply dashboard-grade chat UX patterns in the Eve chat template.
OfficialNo licenceAuto-check passed
Install Dashboard Chat Best Practices
$ npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vercel-labs/eve-chat-template dashboard-chat-best-practices --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vercel-labs/eve-chat-template.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/dashboard-chat-best-practices .claude/skills/dashboard-chat-best-practices && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "dashboard-chat-best-practices" agent skill from https://github.com/vercel-labs/eve-chat-template/tree/main/.agents/skills/dashboard-chat-best-practices into .claude/skills/dashboard-chat-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dashboard-chat-best-practices", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/vercel-labs/eve-chat-template/tree/main/.agents/skills/dashboard-chat-best-practicesType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vercel-labs/eve-chat-template dashboard-chat-best-practices --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel-labs/eve-chat-template.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/dashboard-chat-best-practices .agents/skills/dashboard-chat-best-practices && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "dashboard-chat-best-practices" agent skill from https://github.com/vercel-labs/eve-chat-template/tree/main/.agents/skills/dashboard-chat-best-practices into .agents/skills/dashboard-chat-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dashboard-chat-best-practices", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vercel-labs/eve-chat-template dashboard-chat-best-practices --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel-labs/eve-chat-template.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/dashboard-chat-best-practices .cursor/skills/dashboard-chat-best-practices && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "dashboard-chat-best-practices" agent skill from https://github.com/vercel-labs/eve-chat-template/tree/main/.agents/skills/dashboard-chat-best-practices into .cursor/skills/dashboard-chat-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dashboard-chat-best-practices", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/vercel-labs/eve-chat-template.git --path .agents/skills/dashboard-chat-best-practices--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vercel-labs/eve-chat-template dashboard-chat-best-practices --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel-labs/eve-chat-template.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/dashboard-chat-best-practices .gemini/skills/dashboard-chat-best-practices && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "dashboard-chat-best-practices" agent skill from https://github.com/vercel-labs/eve-chat-template/tree/main/.agents/skills/dashboard-chat-best-practices into .gemini/skills/dashboard-chat-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dashboard-chat-best-practices", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install vercel-labs/eve-chat-template dashboard-chat-best-practicesInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vercel-labs/eve-chat-template.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/dashboard-chat-best-practices .github/skills/dashboard-chat-best-practices && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "dashboard-chat-best-practices" agent skill from https://github.com/vercel-labs/eve-chat-template/tree/main/.agents/skills/dashboard-chat-best-practices into .github/skills/dashboard-chat-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dashboard-chat-best-practices", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vercel-labs/eve-chat-template dashboard-chat-best-practices --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vercel-labs/eve-chat-template.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/dashboard-chat-best-practices .opencode/skills/dashboard-chat-best-practices && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "dashboard-chat-best-practices" agent skill from https://github.com/vercel-labs/eve-chat-template/tree/main/.agents/skills/dashboard-chat-best-practices into .opencode/skills/dashboard-chat-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dashboard-chat-best-practices", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
dashboard-chat-best-practices- GitHub stars
- 138
- Token cost
- ~2.1k tokens
- SKILL.md length
- 1,101 words
- Files
- 2
- Skills in repo
- 2
- Repo updated
- First seen
- Licence
- None found
At a glance
Apply dashboard-grade chat UX patterns in the Eve chat template.
- Changing Next.js Cache Components/PPR behavior
- SKILL.md covers Overview, Product Shape, Cache Components And PPR Basics and Static Shell And Hydration, plus 6 more sections
- Calls pnpm
- Static shell layout
What it does
Dashboard Chat Best Practices is an agent skill from vercel-labs/eve-chat-template, published by the product's own GitHub organization. Apply dashboard-grade chat UX patterns in the Eve chat template. Use when changing Next.js Cache Components/PPR behavior, static shell layout, Suspense bootstrap boundaries, theme hydration, auth display hydration, signed-in/signed-out static shell behavior, optimistic messages, streaming row identity, composer/sidebar interactions, thinking/tool rendering, responsive styling, visual polish, or Vercel dashboard chat comparisons.
Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It works with Vercel and Next.js.
When your agent uses it
- Changing Next.js Cache Components/PPR behavior
- Static shell layout
- Suspense bootstrap boundaries
- Theme hydration
Example prompts
- “/dashboard-chat-best-practices”
What it can do on your machine
Read from SKILL.md and the folder at commit d9989e0. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Dashboard Chat Best Practices loads about 2.1k tokens when it runs. Until then it costs about 116 tokens; SKILL.md has 1,101 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 1,101 words (~2,092 tokens).
“Use this skill to keep the template's web chat feeling like a polished dashboard surface: stable, quiet, fast to first paint, and predictable under streaming state.”
- name
- dashboard-chat-best-practices
Files
SKILL.md and 1 other file in .agents/skills/dashboard-chat-best-practices of vercel-labs/eve-chat-template.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit d9989e0
Compare with similar skills
Dashboard Chat Best Practices next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Dashboard Chat Best Practices this skillvercel-labs/eve-chat-template | 138 | — | ~2.1k | Automated safety check: Pass | None | |
| Sandbox Benchvercel/next.js | 143k | — | ~4.1k | Automated safety check: Pass | MIT | |
| Vercel Optimize Auditvercel-labs/agent-skills | 32k | 8 repos | ~4.3k | Automated safety check: Pass | None | |
| AI SDKvercel-labs/ai-facts | 168 | 20 repos | ~1.2k | Automated safety check: Pass | None | |
| Vercel React Best Practicessanity-io/sanity | 6.4k | 129 repos | ~1.6k | Automated safety check: Pass | MIT | |
| Next Cache Componentsvercel-labs/openreview | 1.7k | 9 repos | ~2.3k | Automated safety check: Pass | None |
Similar skills
- Official
- Official
Vercel Optimize Audit
vercel-labs/agent-skills
Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations.
- Official
AI SDK
vercel-labs/ai-facts
Answer questions about the AI SDK and help build AI-powered features.
- Official
Vercel React Best Practices
sanity-io/sanity
React and Next.js performance optimization guidelines from Vercel Engineering.
- Official
Next Cache Components
vercel-labs/openreview
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
- Official
Next Best Practices
vercel-labs/openreview
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
More from vercel-labs/eve-chat-template
- Official
Eve Chat Template Eve
vercel-labs/eve-chat-template
Work safely on eve-specific internals in the eve chat template.
Related
Questions about Dashboard Chat Best Practices
What does Dashboard Chat Best Practices do?
Apply dashboard-grade chat UX patterns in the Eve chat template. Dashboard Chat Best Practices is an agent skill from vercel-labs/eve-chat-template, published by the product's own GitHub organization. Apply dashboard-grade chat UX patterns in the Eve chat template.
When should I use Dashboard Chat Best Practices?
Dashboard Chat Best Practices fits situations like: changing Next.js Cache Components/PPR behavior; static shell layout; suspense bootstrap boundaries; theme hydration.
How do I install Dashboard Chat Best Practices in Claude Code?
Run `npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a claude-code`. Or copy the skill folder (.agents/skills/dashboard-chat-best-practices in vercel-labs/eve-chat-template) into .claude/skills/dashboard-chat-best-practices in your project. Claude Code loads it when a task matches its description.
How do I install Dashboard Chat Best Practices in Codex?
Run `npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a codex`. Or copy the skill folder (.agents/skills/dashboard-chat-best-practices in vercel-labs/eve-chat-template) into .agents/skills/dashboard-chat-best-practices in your project. Codex loads it when a task matches its description.
Can I use Dashboard Chat Best Practices in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vercel-labs/eve-chat-template --skill dashboard-chat-best-practices -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/dashboard-chat-best-practices, .gemini/skills/dashboard-chat-best-practices, .github/skills/dashboard-chat-best-practices and .opencode/skills/dashboard-chat-best-practices in your project.
What does Dashboard Chat Best Practices need to run?
Going by SKILL.md and its folder, Dashboard Chat Best Practices needs the command-line tools its instructions call (pnpm).
Does Dashboard Chat Best Practices access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Dashboard Chat Best Practices safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Dashboard Chat Best Practices use?
No licence was found for Dashboard Chat Best Practices or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Dashboard Chat Best Practices use?
About 2.1k tokens (SKILL.md is roughly 8.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Dashboard Chat Best Practices?
Skills that share tags, products or a category with Dashboard Chat Best Practices: Sandbox Bench (vercel/next.js, 143k stars), Vercel Optimize Audit (vercel-labs/agent-skills, 32k stars), AI SDK (vercel-labs/ai-facts, 168 stars) and Vercel React Best Practices (sanity-io/sanity, 6.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Dashboard Chat Best Practices?
vercel-labs (a GitHub organization, an official publisher) maintains it in vercel-labs/eve-chat-template, which has 138 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on August 20, 2026.
Source: vercel-labs/eve-chat-template on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.