### Building and Previewing LetterPeople Demo Locally (Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/GITHUB-PAGES.md

Provides the sequence of bash commands required to install dependencies, build the LetterPeople library and its demo application, and then serve the built demo directory locally for previewing.

```bash
# Install dependencies
yarn install

# Build the library first
yarn build

# Build the demo
yarn build:demo

# Preview the demo (requires a local server)
# Example using npx serve:
npx serve demo-dist
```

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

### Start Development Server (Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/README.md

Starts the local development server for the project using Yarn.

```bash
yarn dev
```

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

### Run Vue Examples (Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/README.md

Runs the Vue examples included with the project using Yarn.

```bash
yarn examples
```

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

### Install Development Dependencies (Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/README.md

Installs project dependencies required for development using Yarn.

```bash
yarn install
```

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

### TypeScript Usage with LetterPerson (Vue)

Source: https://github.com/patched-network/letterpeople/blob/main/src/vue/README.md

Example showing how to import and use TypeScript types (LetterPersonRef, LetterOptions) when using the LetterPerson component in a Vue 3 script setup block for better type safety.

```ts
<script setup lang="ts">
import LetterPerson, {
  type LetterPersonRef,
  type LetterOptions
} from 'letterpeople/vue';
import { ref, reactive } from 'vue';

const letterRef = ref<LetterPersonRef | null>(null);
const letterOptions = reactive<LetterOptions>({
  // options...
});
</script>
```

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

### Using LetterPerson Component (Vue)

Source: https://github.com/patched-network/letterpeople/blob/main/src/vue/README.md

Example demonstrating how to import and use the LetterPerson Vue component, configure options, handle events, and call exposed methods via a template ref in a Vue 3 script setup block.

```vue
<template>
  <div>
    <LetterPerson
      letter="L"
      :options="letterOptions"
      ref="letterRef"
      @created="onLetterCreated"
    />
    <button @click="animateLetter">Animate</button>
  </div>
</template>

<script setup>
import LetterPerson from 'letterpeople/vue';
import { ref, reactive } from 'vue';

// Access the component's methods via template ref
const letterRef = ref(null);

// Configure letter options
const letterOptions = reactive({
  color: '#add8e6',
  lineWidth: 25,
  borderColor: '#333333',
  borderWidth: 4,
  mouthParams: {
    openness: 0.2,
    mood: 0.7
  }
});

// Event handler when letter is created
const onLetterCreated = (instance) => {
  console.log('Letter instance created', instance);
};

// Animation function
const animateLetter = () => {
  letterRef.value?.animateMouth();
  letterRef.value?.blink();
};
</script>
```

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

### Start Development Server (LetterPeople, Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/CLAUDE.md

Starts the local development server for the LetterPeople library, typically used for testing and visualizing components during development.

```bash
yarn dev
```

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

### Install letterpeople Package (Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/src/vue/README.md

Commands to install the letterpeople library using common Node.js package managers: npm, yarn, and pnpm.

```bash
# npm
npm install letterpeople

# yarn
yarn add letterpeople

# pnpm
pnpm add letterpeople
```

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

### Install LetterPeople with Yarn (Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/README.md

Installs the LetterPeople library as a project dependency using the Yarn package manager.

```bash
yarn add letterpeople
```

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

### Build for Production (Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/README.md

Builds the project assets for production deployment using Yarn.

```bash
yarn build
```

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

### Build Production Library (LetterPeople, Bash)

Source: https://github.com/patched-network/letterpeople/blob/main/CLAUDE.md

Builds the LetterPeople library for production use, compiling TypeScript and preparing assets.

```bash
yarn build
```

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

### Create and Animate Letter (TypeScript)

Source: https://github.com/patched-network/letterpeople/blob/main/README.md

Demonstrates how to create an animated letter character using `createLetter`, configure its appearance, and control its facial features like mouth and eyes.

```typescript
import { createLetter } from 'letterpeople';

// Create a container element
const container = document.createElement('div');
document.body.appendChild(container);

// Create an animated letter
const letterL = createLetter('L', container, {
  color: '#add8e6',
  lineWidth: 25,
  borderColor: '#333333',
  borderWidth: 4,
  mouthParams: {
    openness: 0.1,
    mood: 0.7
  }
});

// Animate the letter
letterL.mouth.animateSpeak();
letterL.eyes.blink();
letterL.eyes.lookAt(45); // Look at 45 degree angle
letterL.eyes.lookAt({x: 5, y: -2}); // Look at specific coordinates
letterL.eyes.startTracking({intensity: 0.7}); // Follow the cursor with 70% intensity
letterL.eyes.stopTracking(); // Stop following the cursor
```

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

### Import Vue Component (JavaScript)

Source: https://github.com/patched-network/letterpeople/blob/main/README.md

Imports the LetterPerson Vue 3 component from the library's Vue integration subpath.

```js
import LetterPerson from 'letterpeople/vue';
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.