Agent SkillsTangleML/tangle-ui › Component YAML Format

Component YAML Format

GitHub

提供Tangle组件YAML格式参考,定义组件结构、输入输出类型及管道实现规范。

public/agent-skills/componentYamlFormat/SKILL.md TangleML/tangle-ui

Trigger Scenarios

编写或检查Tangle组件YAML配置 定义数据管道结构和参数引用

Install

npx skills add TangleML/tangle-ui --skill Component YAML Format -g -y
More Options

Non-standard path

npx skills add https://github.com/TangleML/tangle-ui/tree/master/public/agent-skills/componentYamlFormat -g -y

Use without installing

npx skills use TangleML/tangle-ui@Component YAML Format

指定 Agent (Claude Code)

npx skills add TangleML/tangle-ui --skill Component YAML Format -a claude-code -g -y

安装 repo 全部 skill

npx skills add TangleML/tangle-ui --all -g -y

预览 repo 内 skill

npx skills add TangleML/tangle-ui --list

SKILL.md

Frontmatter
{
    "name": "Component YAML Format",
    "description": "Reference for the Tangle component YAML specification format"
}

Tangle Component YAML Format

Basic Structure

name: Component Name
description: What this component does
metadata:
  annotations:
    cloud_pipelines.net: "true"

inputs:
  - name: input_data
    type: String
    description: Description of input
  - name: config
    type: String
    default: "default_value"
    optional: true

outputs:
  - name: output_data
    type: String
    description: Description of output

implementation:
  container:
    image: python:3.10
    command:
      - sh
      - -c
      - |
        python3 -c "
        # inline Python code
        "
    args:
      - --input
      - { inputPath: input_data }
      - --output
      - { outputPath: output_data }
      - --config
      - { inputValue: config }

Types

Common input/output types:

  • String — text data or file paths
  • Integer — whole numbers
  • Float — decimal numbers
  • Boolean — true/false
  • JsonObject — structured JSON data
  • JsonArray — JSON arrays
  • URI — file URIs or URLs
  • ApacheParquet — Parquet files (artifact type)
  • CSV — CSV files (artifact type)

Graph Implementation (Pipelines)

Pipelines use implementation.graph instead of implementation.container:

name: My Pipeline
implementation:
  graph:
    tasks:
      task-name:
        componentRef:
          name: Component Name
          spec: { ... }
        arguments:
          input_name: "{{inputs.pipeline_input}}"
          other_input:
            taskOutput:
              taskId: other-task
              outputName: output_name
    outputValues:
      pipeline_output:
        taskOutput:
          taskId: final-task
          outputName: result

Argument References

  • {{inputs.name}} — reference a pipeline-level input
  • {{tasks.taskName.outputs.outputName}} — reference a task output
  • {graphInput: {inputName: name}} — object form of input reference
  • {taskOutput: {taskId: name, outputName: name}} — object form of task output reference

Version History

  • d7768e8 Current 2026-09-02 20:59

Same Skill Collection

.claude/skills/accessibility/SKILL.md
.claude/skills/address-pr-comments/SKILL.md
.claude/skills/analytics-tracking/SKILL.md
.claude/skills/audit-tickets/SKILL.md
.claude/skills/docs-update/SKILL.md
.claude/skills/e2e-testing/SKILL.md
.claude/skills/list-skills/SKILL.md
.claude/skills/open-source/SKILL.md
.claude/skills/project-conventions/SKILL.md
.claude/skills/react-patterns/SKILL.md
.claude/skills/review/SKILL.md
.claude/skills/tangle-domain/SKILL.md
.claude/skills/tanstack-query/SKILL.md
.claude/skills/tanstack-router/SKILL.md
.claude/skills/typescript-standards/SKILL.md
.claude/skills/ui-primitives/SKILL.md
.claude/skills/validate/SKILL.md
.claude/skills/vitest-testing/SKILL.md
.cursor/skills/playwright-testing/SKILL.md
public/agent-skills/tangleBestPractices/SKILL.md
.claude/skills/gardening/SKILL.md

Metadata

Files
0
Version
d7768e8
Hash
43ce365b
Indexed
2026-09-02 20:59

trang chủ - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-03 01:38
浙ICP备14020137号-1 $bản đồ khách truy cập$