·inertia-rails-pages
</>

inertia-rails-pages

inertia-rails/skills

页面组件、持久布局、链接/路由器导航、Head、Deferred、WhenVisible、InfiniteScroll 和 Inertia Rails 的 URL 驱动状态。内联反应示例;参考文献中的 Vue 和 Svelte 等效项。在构建页面、添加导航、实现持久布局、无限滚动、延迟加载部分或使用客户端 Inertia API(router.reload、router.replaceProp、预取)时使用。

20安装·1热度·@inertia-rails

安装

$npx skills add https://github.com/inertia-rails/skills --skill inertia-rails-pages

SKILL.md

Pages are default exports receiving controller props as function arguments. Use type Props = { ... } (not interface — causes TS2344 in React). Vue uses defineProps (), Svelte uses let { ... } = $props().

Layouts persist across navigations — no remounting, preserving scroll, audio, etc.

Use for internal navigation (not ) and router.get/post/patch/delete for programmatic navigation. Key non-obvious features:

页面组件、持久布局、链接/路由器导航、Head、Deferred、WhenVisible、InfiniteScroll 和 Inertia Rails 的 URL 驱动状态。内联反应示例;参考文献中的 Vue 和 Svelte 等效项。在构建页面、添加导航、实现持久布局、无限滚动、延迟加载部分或使用客户端 Inertia API(router.reload、router.replaceProp、预取)时使用。 来源:inertia-rails/skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/inertia-rails/skills --skill inertia-rails-pages
分类
</>开发工具
认证
收录时间
2026-02-15
更新时间
2026-02-18

快速解答

什么是 inertia-rails-pages?

页面组件、持久布局、链接/路由器导航、Head、Deferred、WhenVisible、InfiniteScroll 和 Inertia Rails 的 URL 驱动状态。内联反应示例;参考文献中的 Vue 和 Svelte 等效项。在构建页面、添加导航、实现持久布局、无限滚动、延迟加载部分或使用客户端 Inertia API(router.reload、router.replaceProp、预取)时使用。 来源:inertia-rails/skills。

如何安装 inertia-rails-pages?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/inertia-rails/skills --skill inertia-rails-pages 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/inertia-rails/skills