视觉画布设计
canvas-design
基于设计原则创作静态视觉作品,用于海报与品牌图形。
artifact【文档与办公】Create and manage artifact.json for task outputs. Use when creating code files, documentation, or any files that should be tracked as artifacts.
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
Use this skill to create and manage artifact.json for tracking task outputs.
${CLAUDE_SESSION_ID}tasks/${CLAUDE_SESSION_ID}/artifact.json# Create task directory
mkdir -p "tasks/${CLAUDE_SESSION_ID}"
# Initialize artifact.json
cat > "tasks/${CLAUDE_SESSION_ID}/artifact.json" << 'EOF'
{
"artifacts": []
}
EOF
When you create a file that should be tracked, update artifact.json:
{
"artifacts": [
{
"id": "unique-id",
"path": "src/components/Component.tsx",
"mimeType": "text/typescript",
"description": "Description of the file"
}
]
}
text/typescript - TypeScript files (.ts, .tsx)text/javascript - JavaScript files (.js, .jsx)text/markdown - Markdown files (.md)application/json - JSON files (.json)text/plain - Plain text files (.txt)text/css - CSS files (.css)text/html - HTML files (.html){
"artifacts": [
{
"id": "main-component",
"path": "src/components/UserAuth.tsx",
"mimeType": "text/typescript",
"description": "User authentication component"
},
{
"id": "task-summary",
"path": "tasks/${CLAUDE_SESSION_ID}/summary.md",
"mimeType": "text/markdown",
"description": "Task summary and documentation"
}
]
}
${CLAUDE_SESSION_ID} for the task directoryartifact.json should be relative to the working directory (/bunny-agent)src/... (relative to working directory)tasks/${CLAUDE_SESSION_ID}/...artifact.json whenever you create a new output file