### Initialize llmstxt-cli in a Project

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/getting-started.mdx

Run the `init` command to scan your project, find matching documentation skills from the registry, and install them. This command is the fastest way to get started.

```bash
cd your-project
npx llmstxt-cli init
```

--------------------------------

### Initialize llmstxt-cli

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/cli/README.md

Run the interactive wizard to browse, search, and install skills. This is the recommended starting point for new users.

```bash
npx llmstxt-cli init
```

--------------------------------

### Preview Installation with llmstxt-cli

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/cli/README.md

Use the '--dry-run' option to preview the installation process without actually installing any skills. This is useful for testing or understanding what will be installed.

```bash
npx llmstxt-cli init --dry-run
```

--------------------------------

### Install Multiple Skills

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/getting-started.mdx

Install documentation for multiple skills simultaneously by listing them after the `install` command.

```bash
npx llmstxt-cli install react next-js tailwindcss
```

--------------------------------

### Build and Start Production Server

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/README.md

Builds the project for production deployment and then starts the production server.

```bash
pnpm build

pnpm start
```

--------------------------------

### Start Development Server

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/README.md

Starts the local development server. The application will be accessible at http://localhost:3000.

```bash
pnpm dev
```

--------------------------------

### Install llmstxt Skills

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/commands.mdx

Install one or more llms.txt skills by name or slug using `llmstxt install <names...>`. Use `--force` to re-download skills even if already installed, or `--full` to prefer `llms-full.txt` when available.

```bash
llmstxt install <names...> [options]
```

```bash
# Install a single skill
llmstxt install stripe
```

```bash
# Install multiple skills
llmstxt install react next-js tailwindcss
```

```bash
# Force re-download
llmstxt install stripe --force
```

```bash
# Prefer extended docs
llmstxt install vercel-ai-sdk --full
```

--------------------------------

### Install a Single Skill

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/getting-started.mdx

Use the `install` command to directly download documentation for a specific skill, like 'stripe'.

```bash
npx llmstxt-cli install stripe
```

--------------------------------

### Install pnpm and Project Dependencies

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/README.md

Installs the pnpm package manager globally and then installs the project's dependencies using pnpm.

```bash
npm install -g pnpm

pnpm install
```

--------------------------------

### Install Caching Package

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/caching/README.md

Install the caching package using pnpm.

```bash
pnpm add @thedaviddias/caching
```

--------------------------------

### install

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/commands.mdx

Install one or more llms.txt skills by name or slug. Supports preferring extended documentation and forcing re-downloads.

```APIDOC
## install

### Description
Install one or more llms.txt skills by name or slug.

### Usage
```bash
llmstxt install <names...> [options]
```

### Parameters
- `<names...>`: One or more skill names or slugs to install.

### Options
- `--full`: Prefer `llms-full.txt` when available.
- `--force`: Re-download even if already installed.

### Examples
```bash
# Install a single skill
llmstxt install stripe

# Install multiple skills
llmstxt install react next-js tailwindcss

# Force re-download
llmstxt install stripe --force

# Prefer extended docs
llmstxt install vercel-ai-sdk --full
```
```

--------------------------------

### Filter Installation by Category with llmstxt-cli

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/cli/README.md

Filter the skills to be installed by specifying one or more categories. This helps in managing and installing relevant documentation.

```bash
npx llmstxt-cli init --category ai-ml,developer-tools
```

--------------------------------

### Install llmstxt-cli Globally

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/getting-started.mdx

Install the CLI globally for repeated use across projects.

```bash
npm install -g llmstxt-cli
```

--------------------------------

### Install Playwright Browsers

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/apps/e2e/README.md

Installs the necessary Playwright browsers for running E2E tests.

```bash
npm run test:install
```

--------------------------------

### Use llms-full.txt with llmstxt-cli

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/cli/README.md

Prefer the comprehensive 'llms-full.txt' file when available for installation. This option can be used with both 'init' and 'install' commands.

```bash
npx llmstxt-cli init --full
```

```bash
npx llmstxt-cli install astro --full
```

--------------------------------

### Install @thedaviddias/auth

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/auth/README.md

Install the package using pnpm. Ensure you have Next.js 15.x and React 19.x as peer dependencies.

```bash
pnpm add @thedaviddias/auth
```

--------------------------------

### Install Specific Skills with llmstxt-cli

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/cli/README.md

Install specific skills by their names. Supports multiple names and fuzzy matching.

```bash
npx llmstxt-cli install astro stripe
```

--------------------------------

### Install Embla Carousel Fade Plugin (yarn)

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Install the Embla Carousel Fade plugin using yarn.

```shell
yarn add embla-carousel-fade
```

--------------------------------

### Install Analytics Package

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/analytics/README.md

Install the analytics package using pnpm. This is the first step in integrating analytics into your project.

```bash
pnpm add @thedaviddias/analytics
```

--------------------------------

### Install Embla Carousel Fade Plugin (npm)

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Install the Embla Carousel Fade plugin using npm.

```shell
npm install embla-carousel-fade --save
```

--------------------------------

### Set Up Local Environment Variables

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/README.md

Copies the example environment file to create a local configuration for development.

```bash
cp .env.example .env.local
```

--------------------------------

### Vue Usage

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Example of integrating Embla Carousel with Vue.js, including setup and event listeners.

```APIDOC
## `emblaCarouselVue` Plugin

### Description
A Vue plugin for integrating Embla Carousel into your Vue.js application.

### Method
`emblaCarouselVue(options?: EmblaCarouselOptions): [VueRef<EmblaCarouselType>, EmblaCarouselType | undefined]`

### Endpoint
N/A (Vue Plugin)

### Parameters
#### Path Parameters
None

#### Query Parameters
None

#### Request Body
None

### Request Example
```vue
<script setup lang="ts">
  import { onMounted } from 'vue'
  import { EmblaCarouselType } from 'embla-carousel'
  import emblaCarouselVue from 'embla-carousel-vue'

  const [emblaRef] = emblaCarouselVue()

  function logSlidesInView(emblaApi: EmblaCarouselType): void {
    console.log(emblaApi.slidesInView())
  }

  onMounted(() => {
    if (emblaApi.value) emblaApi.value.on('slidesInView', logSlidesInView)
  })

  // ...
</script>
```
```

--------------------------------

### Include Wheel Gestures Plugin via CDN

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Include the Wheel Gestures plugin for Embla Carousel using a CDN link. This is an alternative to npm installation for quick setup.

```html
<script src="https://unpkg.com/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.umd.js"></script>
```

--------------------------------

### Embla Carousel Svelte TypeScript Plugin Example

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Integrate Embla plugins into a Svelte component using `embla-carousel-svelte`. Ensure `EmblaPluginType` is imported. If using pnpm, install `embla-carousel` as a devDependency.

```html
<script>
  import { EmblaPluginType } from 'embla-carousel'
  import emblaCarouselSvelte from 'embla-carousel-svelte'
  import Autoplay from 'embla-carousel-autoplay'
  let emblaApi
  let plugins: EmblaPluginType[] = [Autoplay()]
</script>
<div class="embla" use:emblaCarouselSvelte="{{ plugins }}">...</div>
```

--------------------------------

### Embla Carousel Solid TypeScript Plugin Example

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Implement Embla plugins in a SolidJS application using `embla-carousel-solid`. Type definitions for `EmblaPluginType` are required. If using pnpm, install `embla-carousel` as a devDependency.

```tsx
import { EmblaPluginType } from 'embla-carousel'
import createEmblaCarousel from 'embla-carousel-solid'
import Autoplay from 'embla-carousel-autoplay'
type PropType = {
  plugins?: EmblaPluginType[]
}
export function EmblaCarousel(props) {
  const [emblaRef, emblaApi] = createEmblaCarousel(
    () => ({ loop: true }),
    props.plugins
  )
  // ...
```

--------------------------------

### Embla Carousel Vue TypeScript Plugin Example

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Use Embla plugins in a Vue.js application with `embla-carousel-vue`. Import `EmblaPluginType` for type definitions. Note: If using pnpm, install `embla-carousel` as a devDependency.

```html
<script setup lang="ts">
  import { EmblaPluginType } from 'embla-carousel'
  import emblaCarouselVue from 'embla-carousel-vue'
  import Autoplay from 'embla-carousel-autoplay'
  const plugins: EmblaPluginType[] = [Autoplay()]
  const [emblaRef] = emblaCarouselVue({ loop: true }, plugins)
  // ...
</script>
```

--------------------------------

### Initialize Embla Carousel and Access API

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Initialize Embla Carousel by passing the carousel node and options to the EmblaCarousel constructor. Access the API to interact with the carousel, for example, to get slide nodes.

```javascript
import EmblaCarousel from 'embla-carousel'
const emblaNode = document.querySelector('.embla')
const options = { loop: false }
const emblaApi = EmblaCarousel(emblaNode, options)

console.log(emblaApi.slideNodes()) // Access API
```

--------------------------------

### Log Embla Carousel Events in Vue (TypeScript)

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Implement Embla Carousel event logging within a Vue.js application using 'embla-carousel-vue'. This example utilizes the setup script and onMounted hook.

```html
<script setup>
  import { onMounted } from 'vue'
  import { EmblaCarouselType, EmblaEventType } from 'embla-carousel'
  import emblaCarouselVue from 'embla-carousel-vue'

  const [emblaRef] = emblaCarouselVue()

  function logEmblaEvent(
    emblaApi: EmblaCarouselType,
    eventName: EmblaEventType
  ): void {
    console.log(`Embla just triggered ${eventName}!`)
  }

  onMounted(() => {
    if (emblaApi.value) emblaApi.value.on('slidesInView', logEmblaEvent)
  })

  // ...
</script>
```

--------------------------------

### Initialize llms.txt Skills with Interactive Wizard

Source: https://context7.com/thedaviddias/llms-txt-hub/llms.txt

Launches an interactive wizard to auto-detect dependencies, suggest matching registry entries, and install llms.txt skills. Use --yes for non-interactive installation, --category to filter, --full to prefer comprehensive formats, and --dry-run to preview.

```bash
npx llmstxt-cli init
```

```bash
npx llmstxt-cli init --yes
```

```bash
npx llmstxt-cli init --category ai-ml,developer-tools
```

```bash
npx llmstxt-cli init --full
```

```bash
npx llmstxt-cli init --dry-run
```

```bash
# Expected output structure after install:
# .agents/skills/stripe/SKILL.md         ← canonical copy
# .claude/skills/stripe/                  ← symlink for Claude Code
# .cursor/skills/stripe/                  ← symlink for Cursor
# .llms/llms.lock.json                    ← lockfile with checksums/ETags
# CLAUDE.md                               ← auto-updated with skill references
```

--------------------------------

### Synchronize CLAUDE.md with Lockfile

Source: https://context7.com/thedaviddias/llms-txt-hub/llms.txt

Maintains a managed section in `CLAUDE.md` bounded by `<!-- llmstxt:start -->` and `<!-- llmstxt:end -->` markers. Rebuilds this section from the current lockfile on each install or remove operation.

```typescript
import { syncClaudeMd } from './lib/context.js'

// Call after any install/remove to keep CLAUDE.md in sync
syncClaudeMd('/my/project')

// Resulting CLAUDE.md section:
// <!-- llmstxt:start -->
// ## Installed Documentation (llmstxt)
//
// When working with these technologies, read the corresponding skill for detailed reference:
//
// - Stripe: .agents/skills/stripe/SKILL.md
// - Anthropic: .agents/skills/anthropic/SKILL.md
// <!-- llmstxt:end -->

```

--------------------------------

### Install Full Skill Version

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/getting-started.mdx

Use the `--full` flag with the `install` command to prefer the extended `llms-full.txt` version of a skill when available.

```bash
npx llmstxt-cli install vercel-ai-sdk --full
```

--------------------------------

### Complete Solution with PaginatedContent Example

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/apps/web/components/ui/README.md

Provides a complete example using `PaginatedContent` to display a list of websites with custom rendering, pagination settings, and loading variants. Includes empty state and custom styling.

```tsx
'use client'

import { PaginatedContent } from '@/components/ui/paginated-content'

export function CompleteExample({ websites }: { websites: Website[] }) {
  return (
    <PaginatedContent
      items={websites}
      renderItem={(website, index) => (
        <WebsiteCard 
          key={website.slug} 
          website={website}
          className="animate-in fade-in"
          style={{ animationDelay: `${index * 50}ms` }}
        />
      )}
      initialItemsPerPage={18}
      itemsPerLoad={12}
      loadMoreVariant="button"
      loadMoreText="Load more websites"
      noMoreText="All websites loaded"
      emptyState={<EmptyState message="No websites found" />}
      containerClassName="space-y-8"
      itemsClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"
    />
  )
}
```

--------------------------------

### Get llmstxt Skill Information

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/commands.mdx

Display detailed information about a specific registry entry using `llmstxt info <name>`. This includes its category, domain, llms.txt URLs, and installation status. It works with both skill names and slugs.

```bash
llmstxt info <name>
```

```bash
# Show info for a skill
llmstxt info react
```

```bash
# Works with slugs too
llmstxt info vercel-ai-sdk
```

--------------------------------

### Initialize llmstxt Project

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/commands.mdx

Use `llmstxt init` to automatically detect project dependencies and install matching llms.txt skills via an interactive wizard. For non-interactive installation, use the `--yes` flag. Preview changes with `--dry-run` or filter by category using `--category <categories>`.

```bash
llmstxt init [options]
```

```bash
# Interactive wizard (default)
llmstxt init
```

```bash
# Non-interactive, install everything detected
llmstxt init --yes
```

```bash
# Preview without installing
llmstxt init --dry-run
```

```bash
# Only show AI/ML category matches
llmstxt init --category ai-ml
```

--------------------------------

### init

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/docs/commands.mdx

Auto-detect project dependencies and install matching llms.txt skills through an interactive wizard. Supports filtering by category, dry runs, and non-interactive installation.

```APIDOC
## init

### Description
Auto-detect project dependencies and install matching llms.txt skills through an interactive wizard.

### Usage
```bash
llmstxt init [options]
```

### Options
- `--category <categories>`: Filter by categories (comma-separated).
- `--all-categories`: Include entries from all categories.
- `--dry-run`: Preview what would be installed without writing files.
- `--full`: Prefer `llms-full.txt` when available.
- `-y, --yes`: Skip confirmation prompts (non-interactive mode).

### Examples
```bash
# Interactive wizard (default)
llmstxt init

# Non-interactive, install everything detected
llmstxt init --yes

# Preview without installing
llmstxt init --dry-run

# Only show AI/ML category matches
llmstxt init --category ai-ml
```
```

--------------------------------

### Embla Carousel Initialization with Options (SolidJS)

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Provides an example of using Embla Carousel with options in a SolidJS application via the `embla-carousel-solid` adapter.

```APIDOC
## Embla Carousel Initialization with Options (SolidJS)

### Description
Use Embla Carousel with custom options in a SolidJS application via the `embla-carousel-solid` adapter.

### Method
`createEmblaCarousel(props.options)`

### Parameters
#### Path Parameters
None

#### Query Parameters
None

#### Request Body
None

### Request Example
```typescript
import { EmblaOptionsType } from 'embla-carousel'
import createEmblaCarousel from 'embla-carousel-solid'

type PropType = {
  options?: EmblaOptionsType
}

export function EmblaCarousel(props) {
  const [emblaRef] = createEmblaCarousel(props.options)
  // ...
}
```

### Response
#### Success Response (200)
`emblaRef`: A ref to the Embla Carousel instance.

#### Response Example
None
```

--------------------------------

### Clerk Authentication Setup for Next.js

Source: https://context7.com/thedaviddias/llms-txt-hub/llms.txt

Wrap your root layout with AuthProviderComponent for global authentication. Use useAuth and useUser hooks in client components, and auth/currentUser functions in server components. Configure middleware for protected routes and use FallbackProvider for testing.

```tsx
import { AuthProviderComponent } from '@thedaviddias/auth'

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return <AuthProviderComponent>{children}</AuthProviderComponent>
}
```

```tsx
import { useAuth, useUser } from '@thedaviddias/auth'

export function UserMenu() {
  const { isLoaded, isSignedIn, signOut } = useAuth()
  const { user } = useUser()

  if (!isLoaded) return <div>Loading...</div>
  if (!isSignedIn) return <SignIn />

  return (
    <div>
      <span>Welcome, {user?.firstName}</span>
      <button onClick={() => signOut()}>Sign Out</button>
    </div>
  )
}
```

```tsx
import { auth, currentUser } from '@thedaviddias/auth'

export default async function Dashboard() {
  const session = await auth()
  const user = await currentUser()
  if (!user) redirect('/login')

  return <h1>Hello, {user.firstName}</h1>
}
```

```tsx
import { middleware } from '@thedaviddias/auth'
export default middleware
export const config = { matcher: ['/dashboard/:path*', '/settings/:path*'] }
```

```tsx
import { FallbackProvider } from '@thedaviddias/auth'
export function TestWrapper({ children }: { children: React.ReactNode }) {
  return <FallbackProvider>{children}</FallbackProvider>
}
```

--------------------------------

### Install llms.txt Skills by Name

Source: https://context7.com/thedaviddias/llms-txt-hub/llms.txt

Installs one or more skills by name or slug with fuzzy matching. Supports --full to prefer llms-full.txt and --force to re-download existing entries. The programmatic equivalent is available in TypeScript.

```bash
npx llmstxt-cli install stripe
```

```bash
npx llmstxt-cli install astro stripe prisma vercel-ai-sdk
```

```bash
npx llmstxt-cli install anthropic --full
```

```bash
npx llmstxt-cli install stripe --force
```

```typescript
import { install } from 'llmstxt-cli/src/commands/install.js'

await install({
  names: ['stripe', 'astro'],
  options: { full: false, force: false }
})
// Output:
// ✓ Registry loaded
// ✓ Stripe → claude-code, cursor, universal
// ✓ Astro → claude-code, cursor, universal
// Summary: ✓ Installed: 2
```

--------------------------------

### Install Embla Carousel React Package (yarn)

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Install the Embla Carousel React package using yarn.

```shell
yarn add embla-carousel-react
```

--------------------------------

### Install Embla Carousel React Package (npm)

Source: https://github.com/thedaviddias/llms-txt-hub/blob/main/packages/content/data/unofficial/embla-carousel/llms-full.txt

Install the Embla Carousel React package using npm.

```shell
npm install embla-carousel-react --save
```

--------------------------------

### Show Skill Registry Details

Source: https://context7.com/thedaviddias/llms-txt-hub/llms.txt

Displays detailed registry metadata for a skill and its installation status. Use this to inspect available skills and their properties.

```bash
npx llmstxt-cli info stripe
```