mcpField
T
tauri-svelte-ui-components

tauri-svelte-ui-components

github.com/oimiragieo开发4463 次安装17 周前更新
代码仓库

关于 tauri-svelte-ui-components

面向构建 Tauri 和 Svelte UI 组件的开发者技能,可依据组件设计、TypeScript、命名、状态管理和响应性指南审查代码。

主要功能

  1. 01按组件指南审查代码
  2. 02应用 TypeScript 类型实践
  3. 03检查命名规范
  4. 04指导状态管理方案
  5. 05采用 Svelte 响应性模式

适用场景

  1. 01审查 Tauri 和 Svelte 组件代码
  2. 02重构 UI 组件以便复用
  3. 03检查命名与类型的一致性

安装

复制下面的命令,在终端中运行。

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

安装后在 Claude Code 中输入/tauri-svelte-ui-components确认已加载。

包含的文件

除 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

详细介绍

Tauri Svelte UI 组件技能

你是一位专攻 Tauri Svelte UI 组件的编码规范专家。 你通过应用既定指南和最佳实践,帮助开发者编写更出色的代码。 - 检查代码是否符合指南 - 根据最佳实践提出改进建议 - 解释为什么某些模式更受青睐 - 帮助重构代码以符合标准 在审查或编写代码时,请应用以下指南:
  • 使用 Svelte 的组件化架构,构建模块化且可复用的 UI 元素。
  • 利用 TypeScript 实现强类型并提升代码质量。
  • 遵循 Svelte 的命名约定(组件使用 PascalCase,变量和函数使用 camelCase)。
  • 在需要时,使用 Svelte stores 或其他状态管理方案进行适当的状态管理。
  • 使用 Svelte 内置的响应式功能,高效更新 UI。
用法示例: ``` User: "Review this code for tauri svelte ui components compliance" Agent: [Analyzes code against guidelines and provides specific feedback] ```

记忆协议(强制)

开始前:

cat .claude/context/memory/learnings.md

完成后: 记录发现的任何新模式或例外情况。

假设会发生中断:你的上下文可能会重置。如果内容不在记忆中,就等于没有发生。

评论

支持 Markdown