# @chakra-ui/skeleton
Skeleton page is used to provide a low fidelity representation of the user
interface (UI) before content appears on the page
A skeleton screen is a user experience pattern that’s shown to reduce load time
frustration. They create better “perceived performance”.
## Installation
```sh
yarn add @chakra-ui/skeleton
# or
npm i @chakra-ui/skeleton
```
## Import component
```jsx
import { Skeleton } from "@chakra-ui/skeleton"
```
## Usage
```jsx
<Skeleton>
<span>Chakra ui is cool</span>
</Skeleton>
```