### Installing Project Dependencies with Yarn (Shell)

Source: https://github.com/skiff-org/skiff-ui/blob/main/CONTRIBUTING.md

This command installs all necessary project dependencies using Yarn. Running this is a prerequisite before you can build, test, or run the Skiff UI project locally.

```sh
yarn install
```

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

### Installing Skiff UI with Yarn

Source: https://github.com/skiff-org/skiff-ui/blob/main/README.md

This command installs the Skiff UI component library into your project using Yarn. It adds the package to your project's `dependencies` in `package.json`.

```bash
yarn add @skiff-org/skiff-ui
```

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

### Installing Skiff UI with npm

Source: https://github.com/skiff-org/skiff-ui/blob/main/README.md

This command installs the Skiff UI component library into your project using npm. The `--save` flag adds the package to your project's `dependencies` in `package.json`.

```bash
npm install @skiff-org/skiff-ui --save
```

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

### Synchronizing Local Main Branch with Upstream (Shell)

Source: https://github.com/skiff-org/skiff-ui/blob/main/CONTRIBUTING.md

This command sequence ensures your local 'main' branch is up-to-date with the latest changes from the official Skiff UI repository. It's important to do this regularly before starting new work to avoid merge conflicts.

```sh
git checkout main
git pull upstream main
```

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

### Cloning Fork and Adding Upstream Remote (Shell)

Source: https://github.com/skiff-org/skiff-ui/blob/main/CONTRIBUTING.md

This snippet demonstrates how to clone your forked Skiff UI repository to your local machine and then add the original Skiff UI repository as an 'upstream' remote. This setup is crucial for keeping your fork synchronized with the main project.

```sh
git clone https://github.com/<your username>/skiff-ui.git
cd skiff-ui
git remote add upstream https://github.com/skiff-org/skiff-ui.git
```

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

### Wrapping Application with Skiff UI ThemeProvider

Source: https://github.com/skiff-org/skiff-ui/blob/main/README.md

This code illustrates the essential step of wrapping your React application's root component with `ThemeProvider` from `@skiff-org/skiff-ui`. This ensures that all Skiff UI components are correctly styled and themed throughout your application.

```typescript
  import * as React from 'react';
  import { ThemeProvider } from '@skiff-org/skiff-ui';

  function App({ Component }) {
    return (
      <ThemeProvider>
        <Component />
      </ThemeProvider>
    );
  }
```

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

### Pushing Changes to Your Fork (Shell)

Source: https://github.com/skiff-org/skiff-ui/blob/main/CONTRIBUTING.md

After making and committing your changes, this command pushes your local branch to your forked repository on GitHub. The '-u origin HEAD' sets the upstream tracking reference, simplifying future pushes.

```sh
git push -u origin HEAD
```

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

### Creating a New Feature Branch (Shell)

Source: https://github.com/skiff-org/skiff-ui/blob/main/CONTRIBUTING.md

This command creates a new Git branch named 'new-branch' and switches to it. It's a best practice to create a separate branch for each feature or bug fix to isolate your changes.

```sh
git checkout -b new-branch
```

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

### Integrating Skiff UI Components in React

Source: https://github.com/skiff-org/skiff-ui/blob/main/README.md

This snippet demonstrates how to import and use Skiff UI components, specifically the `Button` component, within a React application. It shows importing `Button` and `Type` enums, then rendering a `Button` with an `onClick` handler and a `type` property.

```typescript
  import { Button, Type } from '@skiff-org/skiff-ui';
  <Button onClick={onClick} type={Type.SECONDARY}>
    Click me
  </Button>
```

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