Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add tapforce/agents-skills --skill "sveltekit-project-practices"
Install specific skill from multi-skill repository
# Description
Guideline setup and develop application base on SvelteKit, tailwindcss, shadcn-svelte framework.
# SKILL.md
name: sveltekit-project-practices
description: Guideline setup and develop application base on SvelteKit, tailwindcss, shadcn-svelte framework.
metadata:
author: Tapforce[email protected]
version: "1.0.0"
SvelteKit Project Practices
Comprehensive guide setup and develop application base on SvelteKit, tailwindcss, shadcn-svelte framework.
When to apply
Reference these guidelines when:
- Start or develop a project application with Sveltekit, Tailwindcss, Shadcn-svelte as base framework.
Rule Categories by Priority
| Priority | Category | Prefix | Description |
|---|---|---|---|
| 1 | setup | setup- |
Set up project with base packages, modules, or frameworks. |
| 2 | styling | style- |
Practices styling application with Tailwindcss and shadcn-svelte. |
| 3 | Svelte | svelte- |
Practices using Sveltekit features. |
| 4 | Abstract | abs- |
Abstract practices for Sveltekit project. |
Quick Reference
How to Use
Read individual rule files for detailed explanations and code examples:
rules/async-parallel.md
rules/bundle-barrel-imports.md
Each rule file contains:
- Brief explanation of why it matters
- Incorrect code example with explanation
- Correct code example with explanation
- Additional context and references
Full Compiled Document
For the complete guide with all rules expanded: AGENTS.md
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.