canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy.
Skill by JS-mark
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/js-mark-canvas-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: documents, design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/canvas-design
What's inside
- Skill name
canvas-design- Description
- Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
- License
- Complete terms in LICENSE.txt
- Instructions
- 125 lines in SKILL.md · view on GitHub
Files (83)
- LICENSE.txt
- SKILL.md
- ArsenalSC-OFL.txt · canvas-fonts/
- ArsenalSC-Regular.ttf · canvas-fonts/
- BigShoulders-Bold.ttf · canvas-fonts/
- BigShoulders-OFL.txt · canvas-fonts/
- BigShoulders-Regular.ttf · canvas-fonts/
- Boldonse-OFL.txt · canvas-fonts/
- Boldonse-Regular.ttf · canvas-fonts/
- BricolageGrotesque-Bold.ttf · canvas-fonts/
- BricolageGrotesque-OFL.txt · canvas-fonts/
- BricolageGrotesque-Regular.ttf · canvas-fonts/
- CrimsonPro-Bold.ttf · canvas-fonts/
- CrimsonPro-Italic.ttf · canvas-fonts/
- CrimsonPro-OFL.txt · canvas-fonts/
- CrimsonPro-Regular.ttf · canvas-fonts/
- DMMono-OFL.txt · canvas-fonts/
- DMMono-Regular.ttf · canvas-fonts/
- EricaOne-OFL.txt · canvas-fonts/
- EricaOne-Regular.ttf · canvas-fonts/
- GeistMono-Bold.ttf · canvas-fonts/
- GeistMono-OFL.txt · canvas-fonts/
- GeistMono-Regular.ttf · canvas-fonts/
- Gloock-OFL.txt · canvas-fonts/
- Gloock-Regular.ttf · canvas-fonts/
- IBMPlexMono-Bold.ttf · canvas-fonts/
- IBMPlexMono-OFL.txt · canvas-fonts/
- IBMPlexMono-Regular.ttf · canvas-fonts/
- IBMPlexSerif-Bold.ttf · canvas-fonts/
- IBMPlexSerif-BoldItalic.ttf · canvas-fonts/
- IBMPlexSerif-Italic.ttf · canvas-fonts/
- IBMPlexSerif-Regular.ttf · canvas-fonts/
- InstrumentSans-Bold.ttf · canvas-fonts/
- InstrumentSans-BoldItalic.ttf · canvas-fonts/
- InstrumentSans-Italic.ttf · canvas-fonts/
- InstrumentSans-OFL.txt · canvas-fonts/
- InstrumentSans-Regular.ttf · canvas-fonts/
- InstrumentSerif-Italic.ttf · canvas-fonts/
- InstrumentSerif-Regular.ttf · canvas-fonts/
- Italiana-OFL.txt · canvas-fonts/
- Italiana-Regular.ttf · canvas-fonts/
- JetBrainsMono-Bold.ttf · canvas-fonts/
- JetBrainsMono-OFL.txt · canvas-fonts/
- JetBrainsMono-Regular.ttf · canvas-fonts/
- Jura-Light.ttf · canvas-fonts/
- Jura-Medium.ttf · canvas-fonts/
- Jura-OFL.txt · canvas-fonts/
- LibreBaskerville-OFL.txt · canvas-fonts/
- LibreBaskerville-Regular.ttf · canvas-fonts/
- Lora-Bold.ttf · canvas-fonts/
- Lora-BoldItalic.ttf · canvas-fonts/
- Lora-Italic.ttf · canvas-fonts/
- Lora-OFL.txt · canvas-fonts/
- Lora-Regular.ttf · canvas-fonts/
- NationalPark-Bold.ttf · canvas-fonts/
- NationalPark-OFL.txt · canvas-fonts/
- NationalPark-Regular.ttf · canvas-fonts/
- NothingYouCouldDo-OFL.txt · canvas-fonts/
- NothingYouCouldDo-Regular.ttf · canvas-fonts/
- Outfit-Bold.ttf · canvas-fonts/
- …and 23 more
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from JS-mark/super-client-r
- 0.514score
xlsx
JS-mark
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization.
SkillCFreshness: C★ 4Claude Code +9 - 0.507score
pptx
JS-mark
Presentation creation, editing, and analysis.
SkillCFreshness: C★ 4Claude Code +9 - 0.497score
translator
JS-mark
专业多语言翻译，支持中英日韩等语言互译
SkillCFreshness: C★ 4Claude Code - 0.497score
code-reviewer
JS-mark
审查代码质量，发现潜在问题并给出改进建议
SkillCFreshness: C★ 4Claude Code - 0.494score
novel-writer
JS-mark
This skill should be used when the user asks to "写小说", "创作小说", "写长篇", "继续写", "更新文章", "写大纲", "设计人物", "写角色", "下一章", "展开写", "帮我写故事", "搜索素材", "生成插图", or discusses…
SkillCFreshness: C★ 4Claude Code - 0.494score
iconfont-downloader
JS-mark
This skill should be used when the user asks to "下载图标", "搜索图标", "iconfont", "download icon", "search icon", "找个图标", or when the user needs to search and…
SkillCFreshness: C★ 4Claude Code +9 - 0.494score
drama-writer
JS-mark
This skill should be used when the user asks to "写短剧", "写剧本", "短剧创作", "分集大纲", "下一集", "继续写剧本", "写分镜", "角色设计", "成本预估", "写台词", "剧本格式", "竖屏短剧", "横屏微短剧", or…
SkillCFreshness: C★ 4Claude Code - 0.489score
feature-planner
JS-mark
This skill should be used when the user asks to "规划功能", "plan feature", "新功能开发", "功能设计", "feature design", "拆解任务", "todo list", "实现方案", "开发计划", "怎么实现", "how…
SkillCFreshness: C★ 4Claude Code +9 - 0.489score
i18n-helper
JS-mark
This skill should be used when the user asks to "做多语言", "国际化", "i18n", "翻译文本", "多语言化", "add translations", "internationalize", "i18nify", "替换硬编码文本"…
SkillCFreshness: C★ 4Claude Code +9 - 0.489score
log-analyzer
JS-mark
This skill should be used when the user asks to "分析日志", "analyze logs", "排查问题", "debug error", "看看这个报错", "错误排查", "日志分析", "为什么报错", "what went wrong"…
SkillCFreshness: C★ 4Claude Code +9 - 0.489score
pr-reviewer
JS-mark
This skill should be used when the user asks to "审查 PR", "review PR", "review pull request", "代码审查", "review changes", "检查变更", "看看改了什么", "审查代码", "check my…
SkillCFreshness: C★ 4Claude Code +9 - 0.489score
changelog-gen
JS-mark
This skill should be used when the user asks to "生成 changelog", "generate changelog", "release notes", "发布说明", "版本日志", "变更记录", "更新日志", "what changed", "总结变更"…
SkillCFreshness: C★ 4Claude Code +9
Signals
- Stars
- 4
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Mar 5, 2026 (7 months ago)
- Last release
- Jul 3, 2026 (3 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Complete terms in LICENSE.txt
- Repository
- github.com/JS-mark/super-client-r
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from JS-mark
- 0.514score
xlsx
JS-mark
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization.
SkillCFreshness: C★ 4Claude Code +9 - 0.507score
pptx
JS-mark
Presentation creation, editing, and analysis.
SkillCFreshness: C★ 4Claude Code +9 - 0.497score
code-reviewer
JS-mark
审查代码质量，发现潜在问题并给出改进建议
SkillCFreshness: C★ 4Claude Code - 0.497score
translator
JS-mark
专业多语言翻译，支持中英日韩等语言互译
SkillCFreshness: C★ 4Claude Code - 0.494score
iconfont-downloader
JS-mark
This skill should be used when the user asks to "下载图标", "搜索图标", "iconfont", "download icon", "search icon", "找个图标", or when the user needs to search and…
SkillCFreshness: C★ 4Claude Code +9 - 0.494score
drama-writer
JS-mark
This skill should be used when the user asks to "写短剧", "写剧本", "短剧创作", "分集大纲", "下一集", "继续写剧本", "写分镜", "角色设计", "成本预估", "写台词", "剧本格式", "竖屏短剧", "横屏微短剧", or…
SkillCFreshness: C★ 4Claude Code
Cite this page
canvas-design skill. Agent Mart. https://agentmart.dev/skills/js-mark-canvas-design (last updated 2026-10-24)