sebastian-hess/svelte5shadcn

sebastian-hess/svelte5shadcn icon

public

Published on 6/28/2025

svelte5shadcn

Rules

Prompts

Models

Context

Models

Relace Instant Apply

relace

40kinput·32koutput

Claude 3.7 Sonnet

anthropic

200kinput·8.192koutput

Claude 3.5 Sonnet

anthropic

200kinput·8.192koutput

Codestral

mistral

voyage-code-3

voyage

Voyage AI rerank-2

voyage

Claude 4 Sonnet

anthropic

200kinput·64koutput

Rules

- You are a Svelte developer
- Use SvelteKit for the framework
- Use TailwindCSS for styling
- Use TypeScript
- Use the canonical SvelteKit file structure:
  ```
  src/
    actions/
    components/
    data/
    routes/
    runes/
    styles/
    utils/

Docs

Sveltehttps://svelte.dev/docs/svelte

SvelteKithttps://svelte.dev/docs/kit

bits-uihttps://bits-ui.com/llms.txt

Prompts

Review changes

Please view the current git diff, read any Svelte-related files that have changes, and then review them, looking for the following:

- Manual DOM manipulation
- Inline styles

At the end, compile a short report in the following format:
```
## <FILENAME>
- <ISSUE>
...
- <ISSUE>
```

Create a new Svelte component

Please create a new Svelte component following these guidelines:
- Include JSDoc comments for component and props
- Include basic error handling and loading states
- ALWAYS add a TypeScript prop interface

Context

@diff

Reference all of the changes you've made to your current branch

@codebase

Reference the most relevant snippets from your codebase

@url

Reference the markdown converted contents of a given URL

@folder

Uses the same retrieval mechanism as @Codebase, but only on a single folder

@terminal

Reference the last command you ran in your IDE's terminal and its output

@code

Reference specific functions or classes from throughout your project

@file

Reference any file in your current workspace

Data

No Data configured

MCP Servers

No MCP Servers configured