svelte-code-writer

Fetch Svelte 5 documentation and analyze .svelte files via npx.

Updated Nov 7, 2025
One-click install
npx skills add https://github.com/junwonp/portfolio --skill svelte-code-writer-junwonp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: svelte-code-writer
Source: https://github.com/junwonp/portfolio/tree/main/.agents/skills/svelte-code-writer
Command: npx skills add https://github.com/junwonp/portfolio --skill svelte-code-writer-junwonp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Svelte developers need quick access to official Svelte 5 documentation and a reliable code-analysis workflow to improve component quality and reduce debugging time. The Svelte-code-writer skill provides CLI-based tooling to look up docs and analyze Svelte files in one place.

Core Features & Use Cases

  • Documentation lookup: List available sections and fetch full docs via npx @sveltejs/mcp.
  • Code analysis: Run svelte-autofixer-like analysis to identify issues in .svelte and related modules.
  • Use Case: When you are editing a .svelte file, quickly retrieve relevant API sections and run a code-quality check to propose fixes.

Quick Start

Run the Svelte code writer to look up relevant docs and analyze a Svelte component using the provided npx commands.

Frequently Asked Questions about svelte-code-writer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I look up official Svelte 5 documentation during component development?

To look up Svelte 5 documentation, you can list available API sections and fetch full docs using the npx @sveltejs/mcp command. This provides quick access to official documentation directly within your project workflow.

Can I analyze and refactor .svelte files using a CLI workflow?

Yes, you can analyze and refactor .svelte, .svelte.ts, and .svelte.js files using a CLI-based workflow. The tool runs code-analysis checks to identify issues and propose fixes for your Svelte components.

What is the best way to check Svelte component code quality while editing?

The best way to check Svelte component code quality is running svelte-autofixer-like analysis alongside fetching relevant API sections. This identifies issues in your modules and proposes fixes to reduce debugging time.

Do I need any dependencies installed to use the Svelte code helper via npx?

No specific dependencies are required to use the Svelte code helper. It operates through an npx-based CLI workflow using the @sveltejs/mcp toolkit, allowing you to retrieve documentation and analyze code without additional setup.

Does the Svelte documentation lookup support browsing specific API sections?

Yes, the Svelte documentation lookup supports browsing specific API sections. You can list available sections first, then fetch the full documentation for the specific API area you need for your component.

What file types are supported by the Svelte code-analysis workflow?

The Svelte code-analysis workflow supports .svelte files as well as .svelte.ts and .svelte.js related modules. This allows you to analyze and refactor component files and their associated TypeScript or JavaScript modules.