Geist Svelte

🌐Community
by jis3r · vlatest · Repository

Generates clean, performant Svelte components from natural language descriptions, leveraging best practices and accessibility.

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 geist-svelte npx -- -y @trustedskills/geist-svelte
2

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

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

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

About This Skill

What it does

The geist-svelte skill provides pre-built Svelte components and utilities inspired by the Geist UI library. It streamlines development by offering ready-to-use elements for building user interfaces, reducing boilerplate code and accelerating project timelines. This skill is particularly useful for creating visually appealing and functional web applications quickly.

When to use it

  • Rapid prototyping: Quickly build a basic UI layout with pre-designed components.
  • Internal tools development: Create dashboards or admin panels efficiently using Geist-inspired styling.
  • Small projects: Ideal when you need a consistent look and feel without extensive custom CSS.
  • Svelte component libraries: Integrate Geist-like elements into your own reusable Svelte component collections.

Key capabilities

  • Pre-built Svelte components
  • Geist UI inspired styling
  • Reduced boilerplate code
  • Accelerated development workflow

Example prompts

  • "Create a simple form with an input field and submit button using geist-svelte."
  • "Generate a table component styled according to the geist-svelte design system."
  • "Show me how to use the geist-svelte card component for displaying information."

Tips & gotchas

This skill requires familiarity with Svelte. While it provides pre-built components, understanding Svelte's syntax and structure is necessary to effectively integrate and customize them.

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
jis3r
Installs
2

🌐 Community

Passed automated security scans.