ssgoi
animated page transition for major ssr frameworks and browsers, including Safari
The ssgoi Claude Code plugin enables AI coding assistants to add native app-like page transitions to mobile web applications across all major frameworks and browsers. Built by meursyphus, this plugin gives agents access to setup guides for React/Next.js, Svelte/SvelteKit, Vue/Nuxt, Solid, Angular, and Qwik through a canonical llms.txt file. When installed, the plugin allows Claude Code or Codex to automatically apply router-agnostic transitions—such as drill, sheet, and zoom effects—that work consistently across Chrome, Safari, Firefox, and Edge using the Web Animations API instead of browser-specific View Transition APIs.
Key Features
Use Cases
- 01Adding native mobile app feel to progressive web apps with gesture-driven navigation
- 02Implementing spatial drill-down transitions for chat interfaces and detail views
- 03Creating sheet-style modal presentations for compose screens and focused tasks
- 04Building zoom transitions that unfold detail pages from thumbnail images
- 05Migrating existing Next.js or SvelteKit apps to include animated route transitions
- 06Ensuring consistent transition behavior across iOS Safari and desktop browsers
Related Plugins
View moreandrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
claude-mem
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Understand-Anything
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
rtk
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
ssgoi — FAQ
What is the ssgoi Claude Code plugin?+
The ssgoi plugin is a mobile-web-app skill for AI coding assistants that automatically applies native app-like page transitions to web applications. It reads framework-specific setup guides from llms.txt and configures transitions based on your existing router and layout structure.
How do I install the ssgoi plugin in Claude Code?+
Run 'claude plugin marketplace add meursyphus/ssgoi' to add the marketplace entry, then 'claude plugin install ssgoi@ssgoi' to activate the skill. After installation, ask Claude to apply SSGOI to your current mobile web app project.
Which AI coding assistants support the ssgoi plugin?+
The mobile-web-app skill works in both Claude Code and Codex using identical installation commands. The underlying llms.txt file can also be shared directly with any AI assistant via URL for manual integration.
Does ssgoi require API keys or external services?+
No, ssgoi is a pure client-side library with no external dependencies or API requirements. It uses the Web Animations API built into modern browsers and works entirely offline once installed via npm.
Is the ssgoi plugin free to use?+
Yes, ssgoi is MIT licensed and completely free for both personal and commercial projects. The plugin, npm packages, and all framework adapters are open source.
What frameworks does ssgoi support?+
The plugin includes setup guides for React with Next.js or React Router, Svelte with SvelteKit, Vue with Nuxt, Solid with SolidStart, Angular, and Qwik. It also provides a framework-agnostic core for other environments.
How do I install ssgoi?+
Open the source repository on GitHub and follow its README. ssgoi is a plugin — MCP Agents Market links you directly to the official repo.
Is ssgoi free?+
ssgoi is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.