positron-abstract-svg
Generates on-brand, abstract SVG visuals for IDE documentation.
Install
mkdir -p .claude/skills/positron-abstract-svg && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/11939" && unzip -o skill.zip -d .claude/skills/positron-abstract-svg && rm skill.zipInstalls to .claude/skills/positron-abstract-svg
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Create or update abstract SVG illustrations for the Positron IDE -- for use in documentation, walkthrough steps, onboarding images, and feature previews. Use this skill whenever someone asks to make, update, or redesign an SVG image for Positron docs, walkthroughs, or any visual asset representing the Positron IDE UI. Also use it when asked to make images "consistent" with existing Positron walkthrough images, or to add a new image to match an existing set. Trigger on: "make an SVG for the walkthrough", "create an abstract image for the notebook feature", "update the hero image", "make it look like the other Positron SVGs", "add a docs image for X feature".Key capabilities
- →Create abstract SVG illustrations for Positron IDE
- →Update existing SVG images
- →Redesign SVG images for Positron docs
- →Ensure visual consistency with existing Positron SVGs
- →Depict any part of the Positron IDE UI
- →Apply specific color palette and styling rules
How it works
The skill creates or updates abstract SVG illustrations for the Positron IDE by applying critical constraints like no external CSS/JS, using a specific color palette, and adhering to icon and layering conventions.
Inputs & outputs
When to use positron-abstract-svg
- →Create SVG for documentation
- →Update hero images
- →Maintain visual consistency
About positron-abstract-svg
Uses specific style conventions to create SVGs for feature previews, onboarding, and documentation that match existing IDE assets.
>
When not to use it
- →When the SVG needs external CSS or JavaScript
- →When the SVG needs to rely on the host page's styles or scripts
- →When the image is not for Positron IDE documentation or previews
Limitations
- →No external CSS / CSS variables
- →No JavaScript
- →Assume a light background by default
How it compares
This skill ensures visual consistency and adherence to specific technical constraints for Positron IDE SVGs, unlike general SVG creation tools.
Compared to similar skills
positron-abstract-svg side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| positron-abstract-svg (this skill) | 0 | 3mo | No flags | Intermediate |
| ohmycaptcha-image | 0 | 6mo | No flags | Beginner |
| draw-io | 41 | 8mo | Review | Intermediate |
| theme-factory | 61 | 5mo | No flags | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by posit-dev
View all by posit-dev →You might also like
ohmycaptcha-image
shenhao-stu
Generate product visuals, README banners, documentation illustrations, and architecture diagrams for OhMyCaptcha. Use when the user asks for repository art, hero images, deployment diagrams, or marketing visuals for captcha infrastructure projects.
draw-io
davila7
draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.
theme-factory
anthropics
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
brand-guidelines
anthropics
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
canvas-design
anthropics
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.
ui-design-system
davila7
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.