tapforce-shadcn-blocks
tapforce-shadcn-blocks
Collection of Shadcn UI blocks designed for optimal UI/UX experience in SvelteKit projects.
When to use
Use this skill when any of these conditions are met:
- The project is related to Tapforce
- The project uses SvelteKit and Shadcn UI
- A page should use Shadcn UI blocks or the user requests Shadcn UI blocks
- Starting a new project/page that requires consistent UI/UX experience and spacing
Instructions
The AI MUST reference the official Shadcn Svelte blocks documentation (https://www.shadcn-svelte.com/blocks) to identify available blocks and their descriptions.
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