By swiftwasm
Develop Swift WebAssembly web apps: initialize projects with JavaScriptKit for JS interop, use BridgeJS for type-safe Swift-JS/TS bridging with macros and debugging, and port packages by checking compatibility, identifying issues like UIKit/SwiftUI, and refactoring via conditional compilation.
npx claudepluginhub swiftwasm/swift-wasm-agent-skill --plugin bridge-jsAssist Swift developers who consume JavaScriptKit for WebAssembly development
Export Swift to JavaScript and import JavaScript/TypeScript into Swift using BridgeJS; type-safe bindings via @JS and related macros or bridge-js.d.ts; setup, config, AOT. Use when using or setting up BridgeJS, exporting Swift APIs to JS, importing JS/TS APIs into Swift, writing bridge-js.d.ts, configuring BridgeJS, or debugging BridgeJS boundaries.
Check Swift on Wasm compatibility, identify incompatible frameworks, port and refactor code for WebAssembly
A collection of Agent Skills designed to help AI coding agents build and maintain Swift applications targeting WebAssembly.
Agent Skills are specialized modules containing instructions, scripts, and documentation that give AI agents (like Claude, Gemini, or Codex) the domain expertise needed to perform complex tasks.
This repository is compatible with major agent tools, leveraging standardized formats to ensure your agent has the right context for SwiftWasm development.
Install individual skills directly from this repository:
npx skills add https://github.com/swiftwasm/skills --skill javascriptkit
npx skills add https://github.com/swiftwasm/skills --skill bridge-js
npx skills add https://github.com/swiftwasm/skills --skill porting
Add this repository as a plugin marketplace:
claude plugin marketplace add swiftwasm/skills
Install skills:
for skill in javascriptkit bridge-js porting; do
claude plugin install ${skill}@swiftwasm-skills
done
Alternatively, add to your project's .claude/settings.json:
{
"enabledPlugins": ["swiftwasm-skills"],
"extraKnownMarketplaces": ["swiftwasm/skills"]
}
OpenAI Codex CLI and compatible tools support the Agent Skills format by searching specific directories.
To make all skills from this repository available across all your projects:
# Create the Codex skills directory
mkdir -p ~/.codex/skills
# Clone and copy all skills
git clone https://github.com/swiftwasm/skills.git /tmp/swiftwasm-skills
for skill_path in /tmp/swiftwasm-skills/javascriptkit /tmp/swiftwasm-skills/bridge-js /tmp/swiftwasm-skills/porting; do
cp -r "$skill_path" ~/.codex/skills/
done
To use skills only within a specific project:
# In your project root
mkdir -p .codex/skills
for skill_path in /path/to/swiftwasm-skills/javascriptkit /path/to/swiftwasm-skills/bridge-js /path/to/swiftwasm-skills/porting; do
cp -r "$skill_path" .codex/skills/
done
This repository includes a gemini-extension.json for integration. Install it using the following command:
gemini extensions install https://github.com/swiftwasm/skills.git --consent
For Cursor, please refer to Installing Skills from GitHub.
| Name | Description | Documentation |
|---|---|---|
javascriptkit | Assist with Swift & JavaScript interop, project initialization, and memory management for WebAssembly. | SKILL.md |
bridge-js | Assist with BridgeJS for type-safe Swift-to-JavaScript bindings, exporting Swift APIs, and importing TypeScript definitions. | SKILL.md |
porting | Check Swift on Wasm compatibility, identify incompatible frameworks, port and refactor code for WebAssembly. | SKILL.md |
Once a skill is installed or loaded, you can trigger its logic by mentioning relevant tasks to your agent. For example, using the javascriptkit skill:
The agent will automatically refer to the appropriate SKILL.md file and any associated helper scripts to fulfill your request.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Creative skill for generating algorithmic and generative art. Produces visual designs using mathematical patterns, fractals, and procedural generation.
Frontend design skill for UI/UX implementation
Humanise text and remove AI writing patterns. Detects and fixes 24 AI tell-tales including inflated language, promotional tone, AI vocabulary, filler phrases, sycophantic tone, and formulaic structure.
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Proactively activates in projects with cacheComponents: true, providing patterns for 'use cache' directive, cacheLife(), cacheTag(), cache invalidation, and parameter permutation rendering.