OpenClaw

openclaw-shrimpcard

Create ShrimpCard outputs for OpenClaw. Use when users ask to generate a lobster/shrimp card, need accurate JSON/image outputs matching the ShrimpCard schema, or need HTML rendering with a pixel-art header fallback when images are unavailable.

chenghaofan19980 来源安装数☆ 0 仓库 Stars

查看来源 ↗安装与使用 SKILL.md ↗

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。

SkillHub CLI

skillhub install chenghaofan1998/openclaw-shrimpcard

打开来源仓库，查看说明和兼容环境后，按来源提供的命令或步骤安装。

将来源链接提供给你的 Agent，让它先读取说明、核对依赖，并向你说明将执行的安装步骤。

查看来源 ↗使用指南

技能说明

OpenClaw ShrimpCard

Overview

Generate accurate ShrimpCard JSON (and optional image/description) from user input and memory, validate the result against the schema, then render HTML when needed with a pixel-art header fallback if no image is available.

Workflow

Gather required fields

Required: name, tagline, description, top_skills (3), owner.name, lobster_image_desc, card_id.
If any required info is missing, ask the user for it.

Build the card object

Follow references/card-schema.json.
Ensure lobster_image_desc is a lobster/shrimp image description.
If an image is not available, set image.placeholder and keep lobster_image_desc.

Validate before output

Run scripts/validate_card.py <json-file>.
If validation fails, fix the data and re-validate.

HTML render (required when image generation fails or HTML is requested)

Use assets/card-template.html as the template.
Map schema JSON into window.__CARD_DATA__ (see references/html-mapping.md).
If no image URL/data_url is available, inject the pixel-art fallback from assets/pixel-lobster.svg as the header image.
Prefer scripts/render_card_html.py <card-json> --out shrimp-card.html to generate a ready-to-open HTML card.

Output

If the user wants a file, write shrimp-card.json to disk.
Provide a JSON file and paste the JSON in the response.
If the user requests HTML, output shrimp-card.html.
If the user requests an image, either include an image URL/data_url or provide the image description for rendering. If generation fails, use the pixel-art fallback and render HTML instead.

Image prompt assistance (optional)

If the user wants to self-generate an image, provide the prompt template from references/card-spec.md.
Remind them to capture and composite the QR into the footer square if a QR is provided.

Accuracy Rules

Do not invent owner details or contacts. Ask if missing.
Keep top_skills to exactly 3 items. They are...

来源信息

Source: github
Repository: openclaw/skills
Path: skills/chenghaofan1998/openclaw-shrimpcard
Version: —
Commit: 397c352f7ddafe4a06b94f99094f03a8a756c70d
分类来源: rules
状态: active
可见性: public

这些信息来自收录时的来源分析，可能滞后；使用前请核对最新来源文件。

来源内容

SKILL.md

# OpenClaw ShrimpCard

## Overview
Generate accurate ShrimpCard JSON (and optional image/description) from user input and memory, validate the result against the schema, then render HTML when needed with a pixel-art header fallback if no image is available.

## Workflow

1. Gather required fields
- Required: `name`, `tagline`, `description`, `top_skills` (3), `owner.name`, `lobster_image_desc`, `card_id`.
- If any required info is missing, ask the user for it.

2. Build the card object
- Follow `references/card-schema.json`.
- Ensure `lobster_image_desc` is a lobster/shrimp image description.
- If an image is not available, set `image.placeholder` and keep `lobster_image_desc`.

3. Validate before output
- Run `scripts/validate_card.py <json-file>`.
- If validation fails, fix the data and re-validate.

4. HTML render (required when image generation fails or HTML is requested)
- Use `assets/card-template.html` as the template.
- Map schema JSON into `window.__CARD_DATA__` (see `references/html-mapping.md`).
- If no image URL/data_url is available, inject the pixel-art fallback from `assets/pixel-lobster.svg` as the header image.
- Prefer `scripts/render_card_html.py <card-json> --out shrimp-card.html` to generate a ready-to-open HTML card.

5. Output
- If the user wants a file, write `shrimp-card.json` to disk.
- Provide a JSON file and paste the JSON in the response.
- If the user requests HTML, output `shrimp-card.html`.
- If the user requests an image, either include an image URL/data_url or provide the image description for rendering. If generation fails, use the pixel-art fallback and render HTML instead.

6. Image prompt assistance (optional)
- If the user wants to self-generate an image, provide the prompt template from `references/card-spec.md`.
- Remind them to capture and composite the QR into the footer square if a QR is provided.

## Accuracy Rules
- Do not invent owner details or contacts. Ask if missing.
- Keep `top_skills` to exactly 3 items. They are...

搜索