pen-design
Create high-quality visual designs — websites, app screens, dashboards, slides, marketing materials, social media graphics — using the pen.dev CLI tool.
Skill by susantosanto
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/susantosanto-pen-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: presentations, design, marketing
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/pen-design
What's inside
- Skill name
pen-design- Description
- Create high-quality visual designs — websites, app screens, dashboards, slides, marketing materials, social media graphics — using the pen.dev CLI tool. Use this skill whenever the user wants to create, generate, or visualize any kind of UI design, mockup, wireframe, layout, webpage, app screen, presentation slide, poster, banner, or marketing asset. Also use it when the user says things like "design me a...", "make a visual for...", "create a mockup of...", "what would X look like?", or wants to turn an idea into a visual. Even if the user doesn't mention "pen.dev" or "design tool" explicitly — if they want something visual created, this is the skill to use.
- License
- unknown
- Instructions
- 171 lines in SKILL.md · view on GitHub
Before installing
- Instructions call the network
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from susantosanto/config-opencode
- 0.529score
drawio-skill
Agents365-ai
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology, ML/DL model figures…
SkillBFreshness: BClaude Code +9 - 0.524score
acceptance-runner
susantosanto
Independently verifies a finished sprint by executing every criterion in the sprint's ACCEPTANCE.MD and returning a per-item PASS / FAIL / UNTESTED verdict…
SkillBFreshness: BClaude Code +9 - 0.521score
adversarial-verifier
susantosanto
Independent verification agent that reviews completed code against specs.
SkillBFreshness: BClaude Code +9 - 0.521score
ai-coding-coach
susantosanto
Guides developers through implementation with best practices, code patterns, error handling, and real-time feedback.
SkillBFreshness: BClaude Code +9 - 0.516score
sisyphus
susantosanto
Orkestrator tugas kompleks — memecah task besar menjadi langkah atomik, mendelegasikan ke sub-agent spesialis via spawn_agents, memverifikasi hasil, dan…
SkillBFreshness: BClaude Code +9 - 0.516score
momus
susantosanto
Peninjau rencana/kode yang sangat kritis — menangkap celah, ambiguitas, dan konteks yang hilang.
SkillBFreshness: BClaude Code +9 - 0.516score
ai-tutor
susantosanto
AI Tutor profesional untuk belajar Arsitektur Sistem, System Design, Web Programming, dan Python.
SkillBFreshness: BClaude Code +9 - 0.511score
ux-user-flow
susantosanto
PRD to UX Specifications Generator.
SkillBFreshness: BClaude Code +9 - 0.508score
prd-generator
susantosanto
Guided Product Requirements Document Creator.
SkillBFreshness: BClaude Code +9 - 0.399score
agent-table
susantosanto
Menampilkan tabel lengkap agent model shortcut untuk OpenCode - ketik /agent-table
SkillDFreshness: DClaude Code +9 - 0.393score
ai-engineer-path
susantosanto
Learning path untuk AI Engineer - Dari fundamental hingga top 0.1%.
SkillDFreshness: DClaude Code +9 - 0.208score
agent-models
susantosanto
No description from the publisher yet.
SkillDFreshness: DClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 11, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/susantosanto/config-opencode
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from susantosanto
- 0.524score
acceptance-runner
susantosanto
Independently verifies a finished sprint by executing every criterion in the sprint's ACCEPTANCE.MD and returning a per-item PASS / FAIL / UNTESTED verdict…
SkillBFreshness: BClaude Code +9 - 0.521score
adversarial-verifier
susantosanto
Independent verification agent that reviews completed code against specs.
SkillBFreshness: BClaude Code +9 - 0.521score
ai-coding-coach
susantosanto
Guides developers through implementation with best practices, code patterns, error handling, and real-time feedback.
SkillBFreshness: BClaude Code +9 - 0.516score
ai-tutor
susantosanto
AI Tutor profesional untuk belajar Arsitektur Sistem, System Design, Web Programming, dan Python.
SkillBFreshness: BClaude Code +9 - 0.516score
sisyphus
susantosanto
Orkestrator tugas kompleks — memecah task besar menjadi langkah atomik, mendelegasikan ke sub-agent spesialis via spawn_agents, memverifikasi hasil, dan…
SkillBFreshness: BClaude Code +9 - 0.516score
momus
susantosanto
Peninjau rencana/kode yang sangat kritis — menangkap celah, ambiguitas, dan konteks yang hilang.
SkillBFreshness: BClaude Code +9
Cite this page
pen-design skill. Agent Mart. https://agentmart.dev/skills/susantosanto-pen-design (last updated 2026-10-24)