New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

UI

by InsForge in InsForge/InsForge

A skill your agent uses when contributing to InsForge's reusable UI package.

Apache-2.0Auto-check passedDevelopment

Install UI

skills CLI
$ npx skills add InsForge/InsForge --skill ui -a claude-code

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

GitHub CLI
$ gh skill install InsForge/InsForge ui --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/InsForge/InsForge.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/insforge-dev/ui .claude/skills/ui && 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
ui
GitHub stars
13k
Token cost
~458 tokens
SKILL.md length
205 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
Apache-2.0

At a glance

A skill your agent uses when contributing to InsForge's reusable UI package.

  • Works in 4 steps: Put only reusable primitives here. → Preserve the package's implementation… → Keep the public surface in sync. → …
  • Contributing to InsForges reusable UI package
  • SKILL.md covers Scope, Working Rules and Validation
  • Calls npm

What it does

UI is an agent skill from InsForge/InsForge. Use this skill when contributing to InsForge's reusable UI package. This is for maintainers editing design-system primitives, exports, styles, and package-level component behavior in the InsForge monorepo.

Its SKILL.md is about 460 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 Development, covering Monorepo tooling and Design systems. The repository describes itself as: The all-in-one, open-source backend platform for agentic coding. InsForge gives your coding agent database, auth, storage, compute, hosting, and AI gateway to ship full-stack… The licence is Apache-2.0.

When your agent uses it

  • Contributing to InsForges reusable UI package
  • Tasks that involve Monorepo tooling
  • Tasks that involve Design systems

Example prompts

  • “/ui”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Put only reusable primitives here.
  2. Preserve the package's implementation style.
  3. Keep the public surface in sync.
  4. Validate downstream impact.

What it can do on your machine

Read from SKILL.md and the folder at commit 2ec64b6. 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:

    • npm

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

  • Network

    No URLs in SKILL.md. Its commands use npm, 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

UI loads about 458 tokens when it runs. Until then it costs about 52 tokens; SKILL.md has 205 words of instructions outside code blocks.

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

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

The full file from InsForge/InsForge at commit 2ec64b6, republished under its Apache-2.0 licence (© InsForge). 205 words, ~458 tokens.

Download SKILL.mdSave it as .claude/skills/ui/SKILL.md (or your agent's skills folder).
name
ui
description
Use this skill when contributing to InsForge's reusable UI package. This is for maintainers editing design-system primitives, exports, styles, and package-level component behavior in the InsForge monorepo.

InsForge Dev UI

Use this skill for packages/ui/ work in the InsForge repository.

Scope

  • packages/ui/src/components/**
  • packages/ui/src/lib/**
  • packages/ui/src/index.ts
  • packages/ui/src/styles.css

Working Rules

  1. Put only reusable primitives here.

    • If the component is generic across dashboard features or other InsForge apps, it belongs in packages/ui/.
    • If it is tightly coupled to one dashboard workflow but should ship to both OSS and cloud hosts, keep it in packages/dashboard/.
    • If it is only for the self-hosting host app, keep it in frontend/.

  2. Preserve the package's implementation style.

    • Use class-variance-authority for variants when appropriate.
    • Use the shared cn() helper for class merging.
    • Follow the existing Radix-wrapper and typed-export patterns.

  3. Keep the public surface in sync.

    • Export new public components from packages/ui/src/index.ts.
    • Avoid adding internal-only abstractions to the package surface unless they are meant to be consumed.
    • Never use the TypeScript any type. Keep component props and exported helpers strictly typed.

  4. Validate downstream impact.

    • The shared dashboard package consumes this package directly, so UI changes can break packages/dashboard/ even if packages/ui/ itself builds cleanly.

Validation

  • cd packages/ui && npm run build
  • cd packages/ui && npm run typecheck

Also validate packages/dashboard/ when the changed component is used in the dashboard, and validate frontend/ if the host app integration or CSS entrypoints changed.

© InsForge, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .codex/skills/insforge-dev/ui of InsForge/InsForge.

Open the folder on GitHubat commit 2ec64b6

Compare with similar skills

UI 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.

UI compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UI this skillInsForge/InsForge13k—~458Automated safety check: PassApache-2.0
Scaffold Nextjsmblode/agent-skills143—~2.8kAutomated safety check: PassMIT
Preflightvvedantb/eva101—~330Automated safety check: PassMIT
Create Vechain Dappvechain/x-app-template450—~1.8kAutomated safety check: PassMIT
Repo Maintenance Nodecommercetools/ui-kit154—~3kAutomated safety check: NotesMIT
Lint Fixgetsentry/sentry46k—~1kAutomated safety check: PassCustom licence

Similar skills

  • Scaffold Nextjs

    mblode/agent-skills

    Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.

    143 GitHub stars~2.8k tokensUpdated 2 days ago
    DevelopmentAuto-check passed

  • Preflight

    vvedantb/eva

    Run repo health checks that used to live in husky hooks (typecheck, React Compiler bailouts, design-system drift, lint).

    101 GitHub stars~330 tokensUpdated today
    DevelopmentAuto-check passed

  • Create Vechain Dapp

    vechain/x-app-template

    Scaffold a VeChain dApp with Next.js, VeChain Kit, Chakra UI v3, and GitHub Pages deployment.

    450 GitHub stars~1.8k tokensUpdated 2 mo ago
    DevelopmentAuto-check passed

  • Repo Maintenance Node

    commercetools/ui-kit

    Perform a broad Node/TypeScript repository health sweep — formatting, linting, type errors, dead code, dependency hygiene, and open Renovate PRs.

    154 GitHub stars~3k tokensUpdated 5 days ago
    DevelopmentAuto-check: notes

  • Lint Fix

    getsentry/sentry

    Official

    Fix violations of an eslintPluginScraps rule across the codebase.

    46k GitHub stars~1k tokensUpdated today
    DevelopmentAuto-check passed

  • Docouture Docs Internals

    InditexTech/weavejs

    How a docouture Antora documentation site is put together: the playbook, the docs/antora.yml component descriptor, the four names that must agree, the ROOT+main default layout, promoting…

    208 GitHub stars~1k tokensUpdated 2 days ago
    DevelopmentAuto-check passed

More from InsForge/InsForge

All 8 skills in this repo

  • Doc Author

    InsForge/InsForge

    Write, edit, and maintain documentation. An agent skill from InsForge/InsForge.

    13k GitHub stars~3.7k tokensUpdated yesterday
    Auto-check passed

  • E2E Testing

    InsForge/InsForge

    A skill your agent uses when an InsForge maintainer has finished an OSS repo change and is ready to open, update, or submit the InsForge PR.

    13k GitHub stars~1.5k tokensUpdated yesterday
    Auto-check passed

  • Backend

    InsForge/InsForge

    A skill your agent uses when contributing to InsForge's backend package.

    13k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed

  • Dashboard

    InsForge/InsForge

    A skill your agent uses when contributing to InsForge's shared dashboard package.

    13k GitHub stars~2.3k tokensUpdated yesterday
    Auto-check passed

  • Docs

    InsForge/InsForge

    A skill your agent uses when contributing to InsForge's product documentation in this repository.

    13k GitHub stars~761 tokensUpdated yesterday
    Auto-check passed

  • Insforge Dev

    InsForge/InsForge

    Use this skill set when contributing to the InsForge monorepo itself.

    13k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

Categories

Questions about UI

What does UI do?

A skill your agent uses when contributing to InsForge's reusable UI package. UI is an agent skill from InsForge/InsForge. Use this skill when contributing to InsForge's reusable UI package.

When should I use UI?

UI fits situations like: contributing to InsForges reusable UI package; tasks that involve Monorepo tooling; tasks that involve Design systems.

How do I install UI in Claude Code?

Run `npx skills add InsForge/InsForge --skill ui -a claude-code`. Or copy the skill folder (.codex/skills/insforge-dev/ui in InsForge/InsForge) into .claude/skills/ui in your project. Claude Code loads it when a task matches its description.

How do I install UI in Codex?

Run `npx skills add InsForge/InsForge --skill ui -a codex`. Or copy the skill folder (.codex/skills/insforge-dev/ui in InsForge/InsForge) into .agents/skills/ui in your project. Codex loads it when a task matches its description.

Can I use UI 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 InsForge/InsForge --skill ui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui, .gemini/skills/ui, .github/skills/ui and .opencode/skills/ui in your project.

What does UI need to run?

Going by SKILL.md and its folder, UI needs the command-line tools its instructions call (npm).

Does UI access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is UI 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 UI use?

UI is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UI use?

About 458 tokens (SKILL.md is roughly 1.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 UI?

Skills that share tags, products or a category with UI: Scaffold Nextjs (mblode/agent-skills, 143 stars), Preflight (vvedantb/eva, 101 stars), Create Vechain Dapp (vechain/x-app-template, 450 stars) and Repo Maintenance Node (commercetools/ui-kit, 154 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UI?

InsForge (a GitHub organization) maintains it in InsForge/InsForge, which has 13,066 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 6, 2026.

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