返回技能列表

artifacts-builder

davepoon
更新于 27 days ago
30 次查看
2,553
277
2,553
在 GitHub 上查看
其他reactaidesign

关于

The artifacts-builder skill provides a development suite for creating complex, multi-component HTML artifacts using React, TypeScript, Tailwind CSS, and shadcn/ui. It's designed for artifacts requiring state management, routing, or component libraries rather than simple single-file outputs. The tool includes scripts to initialize projects and bundle everything into a single HTML file for deployment.

快速安装

Claude Code

推荐
主要方式
npx skills add davepoon/buildwithclaude -a claude-code
插件命令备选方式
/plugin add https://github.com/davepoon/buildwithclaude
Git 克隆备选方式
git clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builder

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

davepoon/buildwithclaude
路径: plugins/all-skills/skills/artifacts-builder
0
claudeclaude-codeclaude-code-commandsclaude-skillscli-toolcommands

相关推荐技能

obsidian-bases

其他

该Skill让开发者能够创建和编辑Obsidian的.base文件,用于构建笔记的数据库式视图,包括表格、卡片等多种视图类型。它支持配置过滤器、公式计算和自定义摘要,适用于创建任务追踪器、阅读清单或项目仪表盘等场景。当开发者需要处理.base文件或在Obsidian中实现数据视图功能时,可直接调用此Skill。

查看技能

obsidian-markdown

其他

该Skill让开发者能在Claude中创建和编辑符合Obsidian语法的Markdown文件,特别适用于处理Obsidian笔记库中的.md文件。它支持wikilinks、callouts、frontmatter属性、嵌入内容和标签等Obsidian特有语法。当开发者需要生成或修改包含内部链接、信息框、YAML元数据或块引用的笔记时,应启用此Skill。

查看技能

json-canvas

其他

这个Skill让开发者能够创建和编辑符合JSON Canvas规范的.canvas文件,用于在Obsidian等应用中构建可视化画布。它支持创建节点、边线、分组和连接,适用于制作思维导图、流程图和项目规划板。开发者可以在处理.canvas文件、构建视觉化笔记或需要操作Obsidian Canvas文件时使用此工具。

查看技能

obsidian-bases

其他

这个Skill让开发者能够创建和编辑Obsidian Bases(.base文件),用于在Obsidian中构建类似数据库的笔记视图。它支持配置表格、卡片、列表等多种视图类型,并能设置过滤器、公式计算和自定义摘要。当需要在Obsidian中创建任务跟踪器、阅读列表或项目仪表板等结构化数据视图时,这个Skill特别有用。

查看技能