Agent skill

Adding Sidebar Sections

by Compound-inc in Compound-inc/rift

Add a new sidebar section (e.g. An agent skill from Compound-inc/rift.

Custom licenceAuto-check passedProductivity & Automation

Install Adding Sidebar Sections

skills CLI
$ npx skills add Compound-inc/rift --skill adding-sidebar-sections -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Compound-inc/rift adding-sidebar-sections --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Compound-inc/rift.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/adding-sidebar-sections .claude/skills/adding-sidebar-sections && rm -rf skills-src

Use ~/.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/

Facts

Skill name
adding-sidebar-sections
GitHub stars
123
Token cost
~1.7k tokens
SKILL.md length
632 words
Files
1
Skills in repo
5
Repo updated
First seen
Licence
Custom licence

At a glance

Add a new sidebar section (e.g. An agent skill from Compound-inc/rift.

  • Works in 4 steps: Create the section folder and sidebar file → Export from the section index → Register the area → …
  • Creating a new area in the app sidebar
  • SKILL.md covers Layout convention, Sidebar structure (how it works), When to use which pattern and Step-by-step: Add a new…, plus 2 more sections
  • Needs DMS_AREA_KEY and AREA_KEY

What it does

Adding Sidebar Sections is an agent skill from Compound-inc/rift. Add a new sidebar section (e.g. DMs, threads). Use when creating a new area in the app sidebar, adding a section with static or dynamic nav items, or when the user asks how to add a section like chat or DMs.

Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Productivity & Automation, covering Messaging and chat bots.

When your agent uses it

  • Creating a new area in the app sidebar
  • Adding a section with static
  • Dynamic nav items
  • The user asks how to add a section like chat

Example prompts

  • “/adding-sidebar-sections”

Requirements

  • A credential in DMS_AREA_KEY
  • A credential in AREA_KEY

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Create the section folder and sidebar file
  2. Export from the section index
  3. Register the area
  4. Add routes (if the section has list + detail)

What it can do on your machine

Read from SKILL.md and the folder at commit 4471fb5. 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

    No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • DMS_AREA_KEY
    • AREA_KEY

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Adding Sidebar Sections loads about 1.7k tokens when it runs. Until then it costs about 58 tokens; SKILL.md has 632 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~58
When it runs · the whole SKILL.md, loaded when a task matches
~1.7k

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 632 words (~1,695 tokens).

“This skill documents how to add a new section to the app sidebar (e.g. Chat, DMs) so it works with the existing layout, keeps one source of truth for static content, and stays consistent with best practices.”

— opening of SKILL.md by Compound-inc, Custom licence
name
adding-sidebar-sections

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .cursor/skills/adding-sidebar-sections of Compound-inc/rift.

Open the folder on GitHubat commit 4471fb5

Compare with similar skills

Adding Sidebar Sections 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.

Adding Sidebar Sections compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Adding Sidebar Sections this skillCompound-inc/rift123—~1.7kAutomated safety check: PassCustom licence
She Love Me863401402/she-love-me9141 repos~1.3kAutomated safety check: PassMIT
Feishu Docraucvr/Group-Goki1123 repos~592Automated safety check: PassMIT
Slackhuangruiteng/CS-Notes4k10 repos~578Automated safety check: PassMIT
Wechat Article Extractorfreestylefly/wechat-article-extractor-skill1361 repos~1kAutomated safety check: PassNone
Wechat Miniprogram Builderchenjin-cmd/wechat-miniprogram-builder355—~634Automated safety check: PassMIT

Similar skills

  • She Love Me

    863401402/she-love-me

    Acquire, import, and analyze WeChat or QQ chat histories, including installing supported exporters, guiding required login or contact selection, converting exports, assessing relationship dynamics…

    914 GitHub starsUsed in 1 repo~1.3k tokens
    Productivity & AutomationAuto-check passed
  • Feishu Doc

    raucvr/Group-Goki

    Feishu document read/write operations. An agent skill from raucvr/Group-Goki.

    112 GitHub starsUsed in 3 repos~592 tokens
    Productivity & AutomationAuto-check passed
  • Slack

    huangruiteng/CS-Notes

    A skill your agent uses when you need to control Slack from Clawdbot via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.

    4k GitHub starsUsed in 10 repos~578 tokens
    Productivity & AutomationAuto-check passed
  • Wechat Article Extractor

    freestylefly/wechat-article-extractor-skill

    Extract metadata and content from WeChat Official Account articles.

    136 GitHub starsUsed in 1 repo~1k tokens
    Productivity & AutomationAuto-check passed
  • Wechat Miniprogram Builder

    chenjin-cmd/wechat-miniprogram-builder

    This skill should be used when the user wants to build, launch, monetize, or promote a WeChat mini-program with AI (vibe coding) — including topic selection, account registration & ICP filing…

    355 GitHub stars~634 tokensUpdated 2 mo ago
    Productivity & AutomationAuto-check passed
  • 微信公众号文章自动创作与发布工具。给定参考文章、文字或文档,自动搜索整理全网相关信息、生成图文并茂的公众号文章,并发布到微信公众号草稿箱。特别强调反 AI 检测写作。

    3.2k GitHub stars~1.8k tokensUpdated 2 days ago
    Productivity & AutomationAuto-check passed

More from Compound-inc/rift

  • Rift Backend Effect

    Compound-inc/rift

    A skill your agent uses when adding, reviewing, or refactoring backend code in Rift's TanStack Start app that should follow apps/start/BACKENDEFFECTPLAYBOOK.md.

    123 GitHub stars~1.8k tokensUpdated 9 days ago
    Auto-check passed
  • AI SDK

    Compound-inc/rift

    Answer questions about the AI SDK and help build AI-powered features.

    123 GitHub starsUsed in 2 repos~568 tokens
    Auto-check passed
  • Zero Sync

    Compound-inc/rift

    Zero sync engine patterns for React and TanStack Start apps.

    123 GitHub stars~3.7k tokensUpdated 9 days ago
    Auto-check: notes
  • Building Components

    Compound-inc/rift

    Guide for building modern, accessible, and composable UI components.

    123 GitHub starsUsed in 1 repo~538 tokens
    Auto-check passed

Questions about Adding Sidebar Sections

What does Adding Sidebar Sections do?

Add a new sidebar section (e.g. An agent skill from Compound-inc/rift. Adding Sidebar Sections is an agent skill from Compound-inc/rift.g.

When should I use Adding Sidebar Sections?

Adding Sidebar Sections fits situations like: creating a new area in the app sidebar; adding a section with static; dynamic nav items; the user asks how to add a section like chat.

How do I install Adding Sidebar Sections in Claude Code?

Run `npx skills add Compound-inc/rift --skill adding-sidebar-sections -a claude-code`. Or copy the skill folder (.cursor/skills/adding-sidebar-sections in Compound-inc/rift) into .claude/skills/adding-sidebar-sections in your project. Claude Code loads it when a task matches its description.

How do I install Adding Sidebar Sections in Codex?

Run `npx skills add Compound-inc/rift --skill adding-sidebar-sections -a codex`. Or copy the skill folder (.cursor/skills/adding-sidebar-sections in Compound-inc/rift) into .agents/skills/adding-sidebar-sections in your project. Codex loads it when a task matches its description.

Can I use Adding Sidebar Sections 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 Compound-inc/rift --skill adding-sidebar-sections -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/adding-sidebar-sections, .gemini/skills/adding-sidebar-sections, .github/skills/adding-sidebar-sections and .opencode/skills/adding-sidebar-sections in your project.

What does Adding Sidebar Sections need to run?

Going by SKILL.md and its folder, Adding Sidebar Sections needs credentials named DMS_AREA_KEY and AREA_KEY. Our summary lists: A credential in DMS_AREA_KEY; A credential in AREA_KEY.

Does Adding Sidebar Sections 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 Adding Sidebar Sections 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 Adding Sidebar Sections use?

Adding Sidebar Sections has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Adding Sidebar Sections use?

About 1.7k tokens (SKILL.md is roughly 6.8k 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 Adding Sidebar Sections?

Skills that share tags, products or a category with Adding Sidebar Sections: She Love Me (863401402/she-love-me, 914 stars), Feishu Doc (raucvr/Group-Goki, 112 stars), Slack (huangruiteng/CS-Notes, 4k stars) and Wechat Article Extractor (freestylefly/wechat-article-extractor-skill, 136 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Adding Sidebar Sections?

Compound-inc (a GitHub organization) maintains it in Compound-inc/rift, which has 123 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on September 28, 2026.

Source: Compound-inc/rift on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.