Chakra UI v3 Builder
chakra-ui/chakra-ui
Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.
Generate a Next.js Roblox codes page from validated JSON using a reusable TSX template.
$ npx skills add kennyzir/7deer_skills --skill multi-game-codes-hub -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install kennyzir/7deer_skills multi-game-codes-hub --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/kennyzir/7deer_skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/multi-game-codes-hub .claude/skills/multi-game-codes-hub && 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 "multi-game-codes-hub" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/multi-game-codes-hub into .claude/skills/multi-game-codes-hub/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "multi-game-codes-hub", 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/kennyzir/7deer_skills/tree/main/multi-game-codes-hubType 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 kennyzir/7deer_skills --skill multi-game-codes-hub -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install kennyzir/7deer_skills multi-game-codes-hub --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/multi-game-codes-hub .agents/skills/multi-game-codes-hub && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "multi-game-codes-hub" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/multi-game-codes-hub into .agents/skills/multi-game-codes-hub/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "multi-game-codes-hub", 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 kennyzir/7deer_skills --skill multi-game-codes-hub -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install kennyzir/7deer_skills multi-game-codes-hub --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/multi-game-codes-hub .cursor/skills/multi-game-codes-hub && 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 "multi-game-codes-hub" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/multi-game-codes-hub into .cursor/skills/multi-game-codes-hub/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "multi-game-codes-hub", 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/kennyzir/7deer_skills.git --path multi-game-codes-hub--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 kennyzir/7deer_skills --skill multi-game-codes-hub -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install kennyzir/7deer_skills multi-game-codes-hub --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/multi-game-codes-hub .gemini/skills/multi-game-codes-hub && 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 "multi-game-codes-hub" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/multi-game-codes-hub into .gemini/skills/multi-game-codes-hub/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "multi-game-codes-hub", 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 kennyzir/7deer_skills multi-game-codes-hubInstalls 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 kennyzir/7deer_skills --skill multi-game-codes-hub -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/multi-game-codes-hub .github/skills/multi-game-codes-hub && 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 "multi-game-codes-hub" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/multi-game-codes-hub into .github/skills/multi-game-codes-hub/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "multi-game-codes-hub", 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 kennyzir/7deer_skills --skill multi-game-codes-hub -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install kennyzir/7deer_skills multi-game-codes-hub --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/multi-game-codes-hub .opencode/skills/multi-game-codes-hub && 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 "multi-game-codes-hub" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/multi-game-codes-hub into .opencode/skills/multi-game-codes-hub/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "multi-game-codes-hub", 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.
multi-game-codes-hubGenerate a Next.js Roblox codes page from validated JSON using a reusable TSX template.
Multi Game Codes Hub is an agent skill from kennyzir/7deer_skills. Generate a Next.js Roblox codes page from validated JSON using a reusable TSX template. Use when creating or regenerating a single game's active/expired codes page with metadata, copy controls, optional supplied redemption/FAQ content, and breadcrumb schema.
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 15 other files (for example `USAGE.md`, `resources/examples/kaizen_codes.json` and `resources/examples/yba_codes.json`).
It sits in Sales & Support, covering React components and Help center and FAQ content. It works with Next.js. The repository describes itself as: Composable, auditable Agent Skills for building Roblox game sites—from opportunity and keyword research to content, SEO, updates, and backlinks. The licence is MIT.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 32a6881. It shows what the files ask for, not the result of running them.
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.
Ships script files (Python and TypeScript), which the agent can run.
Shell commands in SKILL.md call:
python3From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Multi Game Codes Hub loads about 1.3k tokens when it runs. Until then it costs about 70 tokens; SKILL.md has 424 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.
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.
The full file from kennyzir/7deer_skills at commit 32a6881, republished under its MIT licence (© kennyzir). 424 words, ~1,265 tokens.
.claude/skills/multi-game-codes-hub/SKILL.md (or your agent's skills folder). This skill also uses 9 other files; get the full folder from GitHub.Generate one Next.js codes page from explicit game data. The included generator renders a TSX template; it does not discover, monitor, translate, or validate codes against Roblox.
The generated template imports @/components/CopyButton; copy the included component into that alias or change the import for the target project.
{
"gameName": "Your Bizarre Adventure",
"gameSlug": "yba",
"baseUrl": "https://example.com",
"activeCodes": [
{
"code": "CODE123",
"reward": "50 Spins",
"expiryDate": "2026-04-30",
"conditions": "Optional"
}
],
"expiredCodes": [
{
"code": "OLDCODE",
"reward": "25 Spins"
}
],
"redemptionSteps": [
"Open the game's menu.",
"Enter a supplied code in the code field."
],
"faq": [
{
"question": "Where is the code field?",
"answer": "The supplied source says it is in the game menu."
}
]
}Required top-level fields:
gameName: non-empty string.gameSlug: lowercase letters/digits separated by single hyphens.baseUrl: absolute HTTP(S) site URL without credentials, query, or fragment. A trailing slash is normalized away.Optional top-level fields:
activeCodes and expiredCodes: arrays; each entry supports only code, reward, expiryDate, and conditions. code and reward are required non-empty strings.redemptionSteps: array of non-empty strings. The section is omitted when the array is absent or empty.faq: array of objects containing only non-empty question and answer strings. The FAQ section and FAQ schema are omitted when absent or empty.Unknown top-level, code-entry, or FAQ-entry fields are errors; the generator never silently ignores input.
baseUrl drives canonical and breadcrumb URLs. Never reuse an example domain for a real site.
From the Skill directory:
python3 resources/generate_code_page.py \
--input resources/examples/yba_codes.json \
--output /tmp/yba-codes-page.tsxThe default template is resolved relative to this Skill, so the command also works when the script is invoked from another current working directory. --input, --output, and an explicitly supplied --template retain normal CLI semantics: relative paths resolve from the caller's current directory and absolute paths remain absolute.
To use a custom template:
python3 resources/generate_code_page.py \
--input ./game.json \
--output ./page.tsx \
--template ./custom-codes-page.tsxGeneration uses the current UTC month, year, and date. It fails before writing output if the JSON is invalid, required values are missing, URLs are invalid, or any {{templateVariable}} remains unresolved.
{{gameNameJson}}{{gameSlugJson}}{{baseUrlJson}}{{rewardsJson}}{{activeCodesData}}{{expiredCodesData}}{{redemptionStepsData}}{{faqItemsData}}{{generatedDateJson}}{{currentMonthJson}}{{currentYearJson}}{{redemptionSection}}{{faqSchemaDefinition}}{{faqSchemaScript}}{{faqSection}}After generation:
baseUrl and no unrelated domain.{{...}} placeholder remains.Discord/Twitter monitoring, automatic code validity checks, automatic expiry updates, multilingual generation, community submissions, and deployment automation are not implemented. Treat them as roadmap items only; do not invoke nonexistent scripts such as discord_code_monitor.py, code_validator.py, update_codes.py, or generate_multilingual.py.
© kennyzir, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 9 other files in multi-game-codes-hub of kennyzir/7deer_skills.
Open the folder on GitHubat commit 32a6881
Multi Game Codes Hub 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 |
|---|---|---|---|---|---|---|
| Multi Game Codes Hub this skillkennyzir/7deer_skills | 322 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Chakra UI v3 Builderchakra-ui/chakra-ui | 41k | — | ~3.1k | Automated safety check: Pass | MIT | |
| React View Transitions Guidevercel-labs/next-beats | 168 | 10 repos | ~3.1k | Automated safety check: Pass | MIT | |
| Vercel React Best Practicessanity-io/sanity | 6.4k | 129 repos | ~1.6k | Automated safety check: Pass | MIT | |
| Chakra UI v2 to v3 Migrationchakra-ui/chakra-ui | 41k | — | ~3.4k | Automated safety check: Pass | MIT | |
| Creative Tim UI Blockscreativetimofficial/ui | 12k | — | ~2.1k | Automated safety check: Notes | MIT |
chakra-ui/chakra-ui
Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.
vercel-labs/next-beats
Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation.
sanity-io/sanity
React and Next.js performance optimization guidelines from Vercel Engineering.
chakra-ui/chakra-ui
Guides an upgrade from Chakra UI v2 to v3: inspect the project, swap packages, run the official codemod, then fix provider, color mode, props, theming and Next.js code.
creativetimofficial/ui
Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.
greensock/gsap-skills
Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.
kennyzir/7deer_skills
Audit a Roblox or game-site homepage against the RB Auto Golden Homepage model.
kennyzir/7deer_skills
Orchestrate an evidence-backed seven-stage Roblox site growth pipeline from opportunity assessment through keyword research, source collection, site planning, SEO QA, freshness, and growth.
kennyzir/7deer_skills
YouTube video transcription and memory workflow. An agent skill from kennyzir/7deer_skills.
kennyzir/7deer_skills
Research backlink opportunities, record contact evidence, and generate personalized local outreach drafts from user-provided product and contact data.
kennyzir/7deer_skills
HTML5 游戏发现雷达 - 多源监测又新又热的 HTML5 游戏,识别 SEO 套利窗口. An agent skill from kennyzir/7deer_skills.
kennyzir/7deer_skills
Evaluate a Roblox game's 30-day breakout potential from public evidence with auditable scores, missing-data bounds, frozen forecasts, and outcome reviews.
Works with
Generate a Next.js Roblox codes page from validated JSON using a reusable TSX template. Multi Game Codes Hub is an agent skill from kennyzir/7deer_skills.js Roblox codes page from validated JSON using a reusable TSX template.
Multi Game Codes Hub fits situations like: regenerating a single games active/expired codes page with metadata; optional supplied redemption/FAQ content; breadcrumb schema.
Run `npx skills add kennyzir/7deer_skills --skill multi-game-codes-hub -a claude-code`. Or copy the skill folder (multi-game-codes-hub in kennyzir/7deer_skills) into .claude/skills/multi-game-codes-hub in your project. Claude Code loads it when a task matches its description.
Run `npx skills add kennyzir/7deer_skills --skill multi-game-codes-hub -a codex`. Or copy the skill folder (multi-game-codes-hub in kennyzir/7deer_skills) into .agents/skills/multi-game-codes-hub in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add kennyzir/7deer_skills --skill multi-game-codes-hub -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/multi-game-codes-hub, .gemini/skills/multi-game-codes-hub, .github/skills/multi-game-codes-hub and .opencode/skills/multi-game-codes-hub in your project.
Going by SKILL.md and its folder, Multi Game Codes Hub needs Python and TypeScript for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: Python 3; Node.js.
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.
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.
Multi Game Codes Hub is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.3k tokens (SKILL.md is roughly 5.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Multi Game Codes Hub: Chakra UI v3 Builder (chakra-ui/chakra-ui, 41k stars), React View Transitions Guide (vercel-labs/next-beats, 168 stars), Vercel React Best Practices (sanity-io/sanity, 6.4k stars) and Chakra UI v2 to v3 Migration (chakra-ui/chakra-ui, 41k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
kennyzir (a GitHub user) maintains it in kennyzir/7deer_skills, which has 322 GitHub stars. The repository holds 33 skills in this directory. The repository was last updated on September 29, 2026.
Source: kennyzir/7deer_skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.