|
1 | 1 | # Flowbite Svelte Documentation - Full Context |
2 | | -# Generated on 2025-12-06T06:41:40.349Z |
| 2 | +# Generated on 2025-12-11T12:52:21.046Z |
3 | 3 | # This file contains all documentation concatenated in logical order |
4 | 4 |
|
5 | 5 |
|
@@ -31366,6 +31366,86 @@ Performs full-text search across all Flowbite-Svelte documentation. |
31366 | 31366 | Use this when you need to find specific information that might span multiple components or when the user asks about features or patterns. |
31367 | 31367 | ``` |
31368 | 31368 |
|
| 31369 | +## CLAUDE.md for Svelte and Flowbite-Svelte |
| 31370 | + |
| 31371 | +Use the following example for Svelte and Flowbite-Svelte: |
| 31372 | +```md |
| 31373 | +# Claude MCP Server Documentation |
| 31374 | + |
| 31375 | +This project uses multiple MCP servers to provide comprehensive documentation access. |
| 31376 | + |
| 31377 | +## Available MCP Servers |
| 31378 | + |
| 31379 | +### Svelte MCP Server |
| 31380 | + |
| 31381 | +You have access to comprehensive Svelte 5 and SvelteKit documentation. Here's how to use the available tools effectively: |
| 31382 | + |
| 31383 | +#### Available Tools: |
| 31384 | + |
| 31385 | +**1. list-sections** |
| 31386 | +- Use this FIRST to discover all available documentation sections |
| 31387 | +- Returns a structured list with titles, use_cases, and paths |
| 31388 | +- When asked about Svelte or SvelteKit topics, ALWAYS use this tool at the start to find relevant sections |
| 31389 | + |
| 31390 | +**2. get-documentation** |
| 31391 | +- Retrieves full documentation content for specific sections |
| 31392 | +- Accepts single or multiple sections |
| 31393 | +- After calling list-sections, you MUST analyze the returned documentation (especially the use_cases field) and then fetch ALL relevant sections for the user's task |
| 31394 | + |
| 31395 | +**3. svelte-autofixer** |
| 31396 | +- Analyzes Svelte code and returns issues and suggestions |
| 31397 | +- You MUST use this tool whenever writing Svelte code before sending it to the user |
| 31398 | +- Keep calling it until no issues or suggestions are returned |
| 31399 | + |
| 31400 | +**4. playground-link** |
| 31401 | +- Generates a Svelte Playground link with the provided code |
| 31402 | +- After completing the code, ask the user if they want a playground link |
| 31403 | +- NEVER call this if code was written to files in their project |
| 31404 | + |
| 31405 | +### Flowbite-Svelte MCP Server |
| 31406 | + |
| 31407 | +You have access to comprehensive Flowbite-Svelte component documentation. Here's how to use the available tools effectively: |
| 31408 | + |
| 31409 | +#### Available Tools: |
| 31410 | + |
| 31411 | +**1. findComponent** |
| 31412 | +- Use this FIRST to discover components by name or category |
| 31413 | +- Returns component information including the documentation path |
| 31414 | +- When asked about Flowbite-Svelte components, ALWAYS use this tool to locate the correct component before fetching documentation |
| 31415 | +- Example queries: 'Button', 'CardPlaceholder', 'form checkbox' |
| 31416 | + |
| 31417 | +**2. getComponentList** |
| 31418 | +- Lists all available Flowbite-Svelte components with their categories |
| 31419 | +- Use this to discover what components are available or to help users explore component options |
| 31420 | + |
| 31421 | +**3. getComponentDoc** |
| 31422 | +- Retrieves full documentation content for a specific component |
| 31423 | +- Accepts the component path found using findComponent |
| 31424 | +- After calling findComponent, use this tool to fetch complete documentation including usage examples, props, and best practices |
| 31425 | + |
| 31426 | +**4. searchDocs** |
| 31427 | +- Performs full-text search across all Flowbite-Svelte documentation |
| 31428 | +- Use this when you need to find specific information that might span multiple components or when the user asks about features or patterns |
| 31429 | + |
| 31430 | +## Workflow Guidelines |
| 31431 | + |
| 31432 | +### When building Svelte components with Flowbite-Svelte: |
| 31433 | + |
| 31434 | +1. **Start with Svelte documentation**: Use `list-sections` to understand which Svelte concepts are needed |
| 31435 | +2. **Fetch relevant Svelte docs**: Use `get-documentation` to get all necessary Svelte sections |
| 31436 | +3. **Find Flowbite-Svelte components**: Use `findComponent` to locate the UI components needed |
| 31437 | +4. **Get component details**: Use `getComponentDoc` to fetch usage examples and props |
| 31438 | +5. **Write the code**: Combine Svelte patterns with Flowbite-Svelte components |
| 31439 | +6. **Validate the code**: Use `svelte-autofixer` to check for issues |
| 31440 | +7. **Offer playground**: Ask if the user wants a playground link (only if not writing to files) |
| 31441 | + |
| 31442 | +### Best Practices: |
| 31443 | + |
| 31444 | +- Always prioritize Svelte 5 runes and modern patterns |
| 31445 | +- Use Flowbite-Svelte components for consistent UI design |
| 31446 | +- Validate all code with svelte-autofixer before delivering |
| 31447 | +- Keep documentation lookups efficient by fetching multiple sections at once |
| 31448 | +``` |
31369 | 31449 |
|
31370 | 31450 | --- |
31371 | 31451 |
|
|
0 commit comments