Back to Details

svelte-add-component

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Svelte Add Component

Svelte 组件添加技能

Overview

概述

[TODO: 1-2 sentences explaining what this skill enables]
[待办事项：用1-2句话说明该技能的功能]

Structuring This Skill

技能结构设计

[TODO: Choose the structure that best fits this skill's purpose. Common patterns:
1. Workflow-Based (best for sequential processes)
  • Works well when there are clear step-by-step procedures
  • Example: DOCX skill with "Workflow Decision Tree" -> "Reading" -> "Creating" -> "Editing"
  • Structure: ## Overview -> ## Workflow Decision Tree -> ## Step 1 -> ## Step 2...
2. Task-Based (best for tool collections)
  • Works well when the skill offers different operations/capabilities
  • Example: PDF skill with "Quick Start" -> "Merge PDFs" -> "Split PDFs" -> "Extract Text"
  • Structure: ## Overview -> ## Quick Start -> ## Task Category 1 -> ## Task Category 2...
3. Reference/Guidelines (best for standards or specifications)
  • Works well for brand guidelines, coding standards, or requirements
  • Example: Brand styling with "Brand Guidelines" -> "Colors" -> "Typography" -> "Features"
  • Structure: ## Overview -> ## Guidelines -> ## Specifications -> ## Usage...
4. Capabilities-Based (best for integrated systems)
  • Works well when the skill provides multiple interrelated features
  • Example: Product Management with "Core Capabilities" -> numbered capability list
  • Structure: ## Overview -> ## Core Capabilities -> ### 1. Feature -> ### 2. Feature...
Patterns can be mixed and matched as needed. Most skills combine patterns (e.g., start with task-based, add workflow for complex operations).
Delete this entire "Structuring This Skill" section when done - it's just guidance.]
[待办事项：选择最符合该技能用途的结构。常见模式：
1. 基于工作流（最适合顺序流程）
  • 适用于有清晰分步流程的场景
  • 示例：DOCX技能包含“工作流决策树”->“读取”->“创建”->“编辑”
  • 结构：## 概述 -> ## 工作流决策树 -> ## 步骤1 -> ## 步骤2...
2. 基于任务（最适合工具集合类技能）
  • 适用于技能提供多种操作/功能的场景
  • 示例：PDF技能包含“快速入门”->“合并PDF”->“拆分PDF”->“提取文本”
  • 结构：## 概述 -> ## 快速入门 -> ## 任务分类1 -> ## 任务分类2...
3. 参考/指南类（最适合标准或规范类内容）
  • 适用于品牌指南、编码标准或需求说明
  • 示例：品牌风格指南包含“品牌规范”->“色彩”->“排版”->“特性”
  • 结构：## 概述 -> ## 指南 -> ## 规范 -> ## 使用方法...
4. 基于功能（最适合集成系统类技能）
  • 适用于技能提供多个相互关联功能的场景
  • 示例：产品管理技能包含“核心功能”-> 编号功能列表
  • 结构：## 概述 -> ## 核心功能 -> ### 1. 功能 -> ### 2. 功能...
可根据需要混合搭配模式。大多数技能会结合多种模式（例如：先采用基于任务的结构，为复杂操作添加工作流说明）。
完成后删除整个“技能结构设计”部分——这只是指导内容.]

[TODO: Replace with the first main section based on chosen structure]

[待办事项：替换为所选结构对应的第一个主章节]

[TODO: Add content here. See examples in existing skills:
  • Code samples for technical skills
  • Decision trees for complex workflows
  • Concrete examples with realistic user requests
  • References to scripts/templates/references as needed]
[待办事项：在此添加内容。可参考现有技能示例：
  • 技术技能的代码示例
  • 复杂工作流的决策树
  • 贴合实际用户需求的具体案例
  • 按需引用脚本/模板/参考资料]

Resources

资源

This skill includes example resource directories that demonstrate how to organize different types of bundled resources:
本技能包含示例资源目录，展示了如何组织不同类型的捆绑资源：

scripts/

scripts/

Executable code (Python/Bash/etc.) that can be run directly to perform specific operations.
Examples from other skills:
  • PDF skill: 
    fill_fillable_fields.py
    , 
    extract_form_field_info.py
    - utilities for PDF manipulation
  • DOCX skill: 
    document.py
    , 
    utilities.py
    - Python modules for document processing
Appropriate for: Python scripts, shell scripts, or any executable code that performs automation, data processing, or specific operations.
Note: Scripts may be executed without loading into context, but can still be read by Claude for patching or environment adjustments.
可直接运行的可执行代码（Python/Bash等），用于执行特定操作。
其他技能中的示例：
  • PDF技能：
    fill_fillable_fields.py
    , 
    extract_form_field_info.py
    - 用于PDF操作的实用工具
  • DOCX技能：
    document.py
    , 
    utilities.py
    - 用于文档处理的Python模块
适用场景： Python脚本、Shell脚本或任何用于自动化、数据处理或特定操作的可执行代码。
注意： 脚本无需加载到上下文即可执行，但Claude仍可读取脚本以进行补丁或环境调整。

references/

references/

Documentation and reference material intended to be loaded into context to inform Claude's process and thinking.
Examples from other skills:
  • Product management: 
    communication.md
    , 
    context_building.md
    - detailed workflow guides
  • BigQuery: API reference documentation and query examples
  • Finance: Schema documentation, company policies
Appropriate for: In-depth documentation, API references, database schemas, comprehensive guides, or any detailed information that Claude should reference while working.
用于加载到上下文的文档和参考资料，为Claude的处理流程和思考提供信息。
其他技能中的示例：
  • 产品管理：
    communication.md
    , 
    context_building.md
    - 详细的工作流指南
  • BigQuery：API参考文档和查询示例
  • 财务：Schema文档、公司政策
适用场景： 深度文档、API参考、数据库Schema、综合指南或Claude工作时需要参考的任何详细信息。

assets/

assets/

Files not intended to be loaded into context, but rather used within the output Claude produces.
Examples from other skills:
  • Brand styling: PowerPoint template files (.pptx), logo files
  • Frontend builder: HTML/React boilerplate project directories
  • Typography: Font files (.ttf, .woff2)
Appropriate for: Templates, boilerplate code, document templates, images, icons, fonts, or any files meant to be copied or used in the final output.
Any unneeded directories can be deleted. Not every skill requires all three types of resources.
无需加载到上下文，但会用于Claude生成的输出中的文件。
其他技能中的示例：
  • 品牌风格：PowerPoint模板文件 (.pptx), Logo文件
  • 前端构建器：HTML/React样板项目目录
  • 排版：字体文件 (.ttf, .woff2)
适用场景： 模板、样板代码、文档模板、图片、图标、字体或任何需要复制或用于最终输出的文件。
可删除不需要的目录。 并非所有技能都需要这三类资源。