New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Swiftui Preview

by xenodium in xenodium/emacs-skills

This skill should be used when the user invokes "/swiftui-preview" to render SwiftUI code from the current context to a PNG and output the resulting image path.

No licenceAuto-check passedMobile

Install Swiftui Preview

skills CLI
$ npx skills add xenodium/emacs-skills --skill swiftui-preview -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install xenodium/emacs-skills swiftui-preview --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/xenodium/emacs-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/swiftui-preview .claude/skills/swiftui-preview && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
swiftui-preview
GitHub stars
143
Token cost
~1.1k tokens
SKILL.md length
429 words
Files
2
Skills in repo
19
Repo updated
First seen
Licence
None found

At a glance

This skill should be used when the user invokes "/swiftui-preview" to render SwiftUI code from the current context to a PNG and output the resulting image path.

  • Works in 5 steps: Derive SwiftUI view code from the… → Locate agent-skill-swiftui.el which… → Invoke the elisp function in a single… → …
  • Invokes /swiftui-preview to render SwiftUI code from the current context to a PNG and output the resulting image path
  • SKILL.md covers How to render, SwiftUI source template and Rules
  • Calls swift

What it does

Swiftui Preview is an agent skill from xenodium/emacs-skills. This skill should be used when the user invokes "/swiftui-preview" to render SwiftUI code from the current context to a PNG and output the resulting image path.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file.

It sits in Mobile, covering iOS development. It works with SwiftUI. The repository describes itself as: Emacs skills for coding agents.

When your agent uses it

  • Invokes /swiftui-preview to render SwiftUI code from the current context to a PNG and output the resulting image path
  • Tasks that involve iOS development

Example prompts

  • “/swiftui-preview”
  • “/swiftui-preview”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Derive SwiftUI view code from the current context — prose, image, ASCII diagram, or existing Swift. The root view must be named…
  2. Locate agent-skill-swiftui.el which lives alongside this skill file at skills/swiftui-preview/agent-skill-swiftui.el in the emacs-skills…
  3. Invoke the elisp function in a single Bash call. To avoid shell+elisp quoting issues with arbitrary Swift code, pipe the source through…
  4. The function returns the PNG path as a quoted elisp string (e.g. "/var/folders/.../agent-swiftui-XXXX.png") on success, or nil on failure.
  5. On success, output the result as a markdown image on its own line

What it can do on your machine

Read from SKILL.md and the folder at commit a158238. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • swift

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Swiftui Preview loads about 1.1k tokens when it runs. Until then it costs about 44 tokens; SKILL.md has 429 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~44
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 429 words (~1,070 tokens).

“Generate SwiftUI code from the most recent interaction context, render it to a PNG using ImageRenderer, and output it as a markdown image so it renders inline.”

— opening of SKILL.md by xenodium
name
swiftui-preview
tools
Bash
disable-model-invocation
true

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in skills/swiftui-preview of xenodium/emacs-skills.

  • SKILL.md
  • agent-skill-swiftui.el

Open the folder on GitHubat commit a158238

Compare with similar skills

Swiftui Preview next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Swiftui Preview compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Swiftui Preview this skillxenodium/emacs-skills143—~1.1kAutomated safety check: PassNone
Swiftui Protwostraws/SwiftUI-Agent-Skill5.2k2 repos~1.5kAutomated safety check: PassMIT
Swiftui UI PatternsAFK-surf/OpenBridge4304 repos~887Automated safety check: PassMIT
Swiftui Performance Auditharperreed/dotfiles3348 repos~1.4kAutomated safety check: PassNone
Hig Project Contextraintree-technology/hig-doctor1435 repos~1.2kAutomated safety check: PassMIT
Hig Components Contentraintree-technology/hig-doctor1435 repos~1.3kAutomated safety check: PassMIT

Similar skills

  • Swiftui Pro

    twostraws/SwiftUI-Agent-Skill

    Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance.

    5.2k GitHub starsUsed in 2 repos~1.5k tokens
    MobileAuto-check passed

  • Swiftui UI Patterns

    AFK-surf/OpenBridge

    Best practices and example-driven guidance for building SwiftUI views and components.

    430 GitHub starsUsed in 4 repos~887 tokens
    MobileAuto-check passed

  • Swiftui Performance Audit

    harperreed/dotfiles

    Audit and improve SwiftUI runtime performance from code review and architecture.

    334 GitHub starsUsed in 8 repos~1.4k tokens
    MobileAuto-check passed

  • Hig Project Context

    raintree-technology/hig-doctor

    Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

    143 GitHub starsUsed in 5 repos~1.2k tokens
    MobileAuto-check passed

  • Hig Components Content

    raintree-technology/hig-doctor

    Apple Human Interface Guidelines for content display components.

    143 GitHub starsUsed in 5 repos~1.3k tokens
    MobileAuto-check passed

  • Chunui

    liseami/ChunUI

    Build iOS apps with the ChunUI design system (Monochrome texture extracted from the production app Zinner/Chat0IM).

    531 GitHub stars~642 tokensUpdated 15 days ago
    MobileAuto-check passed

More from xenodium/emacs-skills

All 19 skills in this repo

  • D2

    xenodium/emacs-skills

    This skill should be used when the user invokes "/d2" to create a diagram from the current context using D2 and output the resulting image path.

    143 GitHub stars~693 tokensUpdated 2 mo ago
    Auto-check passed

  • GitHub Activity

    xenodium/emacs-skills

    This skill should be used when the user invokes "/github-activity" to analyze a GitHub project's recent activity (PRs and issues) and produce a succinct, chart-backed health report.

    143 GitHub stars~1.5k tokensUpdated 2 mo ago
    Auto-check passed

  • Gnuplot

    xenodium/emacs-skills

    This skill should be used when the user invokes "/gnuplot" to plot data from the current context using gnuplot and output the resulting image path.

    143 GitHub stars~734 tokensUpdated 2 mo ago
    Auto-check passed

  • Mappu

    xenodium/emacs-skills

    A skill your agent uses when the user asks about a specific place — restaurant, cafe, shop, business, landmark — or when context implies a location-based lookup ("where is X", "find Y", "X in Z", "X…

    143 GitHub stars~925 tokensUpdated 2 mo ago
    Auto-check passed

  • Matplotlib

    xenodium/emacs-skills

    This skill should be used when the user invokes "/matplotlib" to plot data from the current context using matplotlib (via uv) and output the resulting image path.

    143 GitHub stars~690 tokensUpdated 2 mo ago
    Auto-check passed

  • Mermaid

    xenodium/emacs-skills

    This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path.

    143 GitHub stars~893 tokensUpdated 2 mo ago
    Auto-check passed

Works with

Categories

Questions about Swiftui Preview

What does Swiftui Preview do?

This skill should be used when the user invokes "/swiftui-preview" to render SwiftUI code from the current context to a PNG and output the resulting image path. Swiftui Preview is an agent skill from xenodium/emacs-skills. This skill should be used when the user invokes "/swiftui-preview" to render SwiftUI code from the current context to a PNG and output the resulting image path.

When should I use Swiftui Preview?

Swiftui Preview fits situations like: invokes /swiftui-preview to render SwiftUI code from the current context to a PNG and output the resulting image path; tasks that involve iOS development.

How do I install Swiftui Preview in Claude Code?

Run `npx skills add xenodium/emacs-skills --skill swiftui-preview -a claude-code`. Or copy the skill folder (skills/swiftui-preview in xenodium/emacs-skills) into .claude/skills/swiftui-preview in your project. Claude Code loads it when a task matches its description.

How do I install Swiftui Preview in Codex?

Run `npx skills add xenodium/emacs-skills --skill swiftui-preview -a codex`. Or copy the skill folder (skills/swiftui-preview in xenodium/emacs-skills) into .agents/skills/swiftui-preview in your project. Codex loads it when a task matches its description.

Can I use Swiftui Preview in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add xenodium/emacs-skills --skill swiftui-preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/swiftui-preview, .gemini/skills/swiftui-preview, .github/skills/swiftui-preview and .opencode/skills/swiftui-preview in your project.

What does Swiftui Preview need to run?

Going by SKILL.md and its folder, Swiftui Preview needs the command-line tools its instructions call (swift).

Does Swiftui Preview access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Swiftui Preview safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Swiftui Preview use?

No licence was found for Swiftui Preview or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Swiftui Preview use?

About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Swiftui Preview?

Skills that share tags, products or a category with Swiftui Preview: Swiftui Pro (twostraws/SwiftUI-Agent-Skill, 5.2k stars), Swiftui UI Patterns (AFK-surf/OpenBridge, 430 stars), Swiftui Performance Audit (harperreed/dotfiles, 334 stars) and Hig Project Context (raintree-technology/hig-doctor, 143 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Swiftui Preview?

xenodium (a GitHub user) maintains it in xenodium/emacs-skills, which has 143 GitHub stars. The repository holds 19 skills in this directory. The repository was last updated on July 21, 2026.

Source: xenodium/emacs-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.