---
name: tapforce-ai-component
description: Better way to build AI components on the project Svelte and Shadcn UI based
---

# tapforce-ai-component

Svelte AI Elements is a custom registy built on top of shadcn-svelte to help you build AI-native applications faster.

It provides a set of customizable, high-quality components build for AI applications like prompt input, messages, conversation, response and more.

## When to use

Use this skill when project mention about tapforce, or required by user, or project need build UXUI for AI applications or you think project complex enough to use Svelte AI Elements.

## Instructions

**CRITICAL: Always Fetch LLM Text First**

Before implementing any AI components, **ALWAYS** fetch and read the LLMs text file to understand the library's capabilities, API, and best practices. This is mandatory for proper implementation.

To fetch LLM text: Use the reference link [LLMs](https://svelte-ai-elements.vercel.app/ai-elements/llms.txt) or any available documentation to understand the library structure before coding.

Skill separated to rules under `./rules` with prefix, following priority:

| Priority | Rule    | prefix | Description                                                       |
| -------- | ------- | ------ | ----------------------------------------------------------------- |
| 1        | prepare | `pr`   | Steps and practices to prepare project to use Svelte AI Elements. |
| 2        | policy  | `pl`   | Practices to follow when use Svelte AI Elements.                  |

Each rules have own name, description, and tags.
Rule can include **Incorrect**, **Correct**, or **Example** code block.

Full version of skill and rules represent with file AGENTS.md.

## Reference

- [Introduce](https://svelte-ai-elements.vercel.app/docs/introduction)
- [Installation](https://svelte-ai-elements.vercel.app/docs/installation)
- [LLMs](https://svelte-ai-elements.vercel.app/ai-elements/llms.txt)