Skip to content
AI & Agents
Agent

quality-avoid-barrel-imports

**Impact: MEDIUM (Improves tree-shaking and reduces bundle size)**

From plugin
caldiy
47k95 skills95 agents
Install
$ npx -y skills add calcom/cal.com --agent claude-code

How it fires

How this agent gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.

Context preview

The summary Claude sees to decide when to auto-load this agent.

**Impact: MEDIUM (Improves tree-shaking and reduces bundle size)**

Agent definition

quality-avoid-barrel-imports.md
title: Avoid Barrel Imports
impact: MEDIUM
impactDescription: Improves tree-shaking and reduces bundle size
tags: imports, performance, bundling

Avoid Barrel Imports

**Impact: MEDIUM (Improves tree-shaking and reduces bundle size)**

Barrel files (index.ts that re-export from multiple modules) can hurt tree-shaking and increase bundle sizes. Import directly from source files instead.

**Incorrect (importing from barrel files):**

// Importing from index.ts barrel files
import { BookingService, UserService } from "./services";

// Importing from @calcom/ui barrel
import { Button } from "@calcom/ui";

**Correct (importing directly from source):**

// Import directly from source files
import { BookingService } from "./services/BookingService";
import { UserService } from "./services/UserService";

// Import directly from component path
import { Button } from "@calcom/ui/components/button";

Reference: [Cal.diy Engineering Standards](https://cal.com/blog/engineering-in-2026-and-beyond)

Ships withcaldiy

Scheduling infrastructure for absolutely everyone.

Get the whole plugin