tapforce-ai-component
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 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
More from tapforce/agents-skills
tapforce-shadcn-svelte
Best practices for setup and use of shadcn-svelte library to develop UX/UI in Svelte projects. Use this skill when project is using Svelte/SvelteKit framework as main app framework, when user attempts to setup new project or when user is developing on existing project using shadcn-svelte components.
32tapforce-pnpm
Best practices for using pnpm ^10.0.0 in Node.js projects. Use when working with Node.js-based projects.
22tapforce-sveltekit
Best practices for setting up and developing Svelte projects using SvelteKit ^2.0.0. Use when considering setup or development based on SvelteKit framework.
21tapforce-monorepo
Practices use Moon Repo tools to manage mono-repo project in Tapforce
17tapforce-talwindcss
Practices to use consistent tailwindcss in project Svelte
13tapforce-mastra-ai
Comprehensive build AI applications use Mastra.AI framework
12