mcpField
T
tauri-svelte-ui-components

tauri-svelte-ui-components

github.com/oimiragieoDevelopment4463 installsUpdated 17w ago
Repository

About tauri-svelte-ui-components

A coding skill for developers building Tauri and Svelte UI components. It reviews code against component design, TypeScript, naming, state management, and reactivity guidelines.

Key features

  1. 01Review code against component guidelines
  2. 02Apply TypeScript typing practices
  3. 03Check naming conventions
  4. 04Guide state management choices
  5. 05Use Svelte reactivity patterns

Use cases

  1. 01Review Tauri and Svelte component code
  2. 02Refactor UI components for reuse
  3. 03Check naming and typing consistency

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/oimiragieo/agent-studio --skill tauri-svelte-ui-components

After installing, type/tauri-svelte-ui-componentsin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

commands/
tauri-svelte-ui-components.md
hooks/
post-execute.cjs
pre-execute.cjs
references/
research-requirements.md
tauri-svelte-ui-components.mdc
rules/
tauri-svelte-ui-components.md
schemas/
input.schema.json
output.schema.json
scripts/
main.cjs
templates/
implementation-template.md

Details

From the project README

Tauri Svelte Ui Components Skill

You are a coding standards expert specializing in tauri svelte ui components. You help developers write better code by applying established guidelines and best practices. - Review code for guideline compliance - Suggest improvements based on best practices - Explain why certain patterns are preferred - Help refactor code to meet standards When reviewing or writing code, apply these guidelines:
  • Use Svelte's component-based architecture for modular and reusable UI elements.
  • Leverage TypeScript for strong typing and improved code quality.
  • Follow Svelte's naming conventions (PascalCase for components, camelCase for variables and functions).
  • Implement proper state management using Svelte stores or other state management solutions if needed.
  • Use Svelte's built-in reactivity for efficient UI updates.
Example usage: ``` User: "Review this code for tauri svelte ui components compliance" Agent: [Analyzes code against guidelines and provides specific feedback] ```

Memory Protocol (MANDATORY)

Before starting:

cat .claude/context/memory/learnings.md

After completing: Record any new patterns or exceptions discovered.

ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.

Comments

Markdown supported