Docs Svelte

🌐Community
by imgly · vlatest · Repository

Generate Svelte components and documentation directly from Imgly's visual designs, streamlining frontend development.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add docs-svelte npx -- -y @trustedskills/docs-svelte
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "docs-svelte": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/docs-svelte"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The docs-svelte skill provides access to documentation and code examples related to Svelte, a JavaScript framework for building user interfaces. It allows AI agents to understand and generate Svelte components, styles, and applications based on official documentation and community resources. This skill can assist in tasks ranging from generating simple UI elements to creating complete web application structures using the Svelte framework.

When to use it

  • Generating Svelte Components: You need a basic Svelte component for a specific feature or functionality.
  • Understanding Svelte Syntax: You're unfamiliar with Svelte’s reactive declarations or template syntax and require clarification.
  • Creating Web Application Structures: You want to scaffold the initial structure of a new web application using Svelte.
  • Debugging Svelte Code: You are encountering errors in your Svelte code and need assistance understanding the problem.

Key capabilities

  • Access to official Svelte documentation.
  • Understanding of Svelte component syntax.
  • Knowledge of Svelte's reactive declarations.
  • Ability to generate basic Svelte application structures.

Example prompts

  • "Generate a simple Svelte counter component."
  • "Explain how reactivity works in Svelte."
  • "Create the basic file structure for a new SvelteKit project."
  • “What is the syntax for creating a reactive variable in Svelte?”

Tips & gotchas

The agent’s knowledge of Svelte is based on publicly available documentation. It may not be aware of very recent updates or highly specialized libraries within the Svelte ecosystem.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
imgly
Installs
16

🌐 Community

Passed automated security scans.