什麼是 frontend-patterns？
使用 Slim 模板、Stimulus JavaScript 框架、帶有光學實用程式的 CSS 的 Rails 應用程式的前端模式。在建立視圖、新增互動性、樣式元件或使用者提及 Slim、Stimulus、JavaScript、CSS 或前端開發時使用。 來源：rolemodel/rolemodel-skills。
·frontend-patterns
</>
frontend-patterns
✓使用 Slim 模板、Stimulus JavaScript 框架、帶有光學實用程式的 CSS 的 Rails 應用程式的前端模式。在建立視圖、新增互動性、樣式元件或使用者提及 Slim、Stimulus、JavaScript、CSS 或前端開發時使用。
如何安裝 frontend-patterns
透過命令列快速安裝 frontend-patterns AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：rolemodel/rolemodel-skills。
SKILL.md
查看原文Rule of thumb: If it's primarily conditional text/classes in a single element, use a helper. If it's a structure/layout, use a partial.
Conditional class names Use the rails classnames helper to manage conditional class names in Slim templates.
Overview Always use Simple Form for forms. Never use formwith, formfor, or Rails form helpers directly.
使用 Slim 模板、Stimulus JavaScript 框架、帶有光學實用程式的 CSS 的 Rails 應用程式的前端模式。在建立視圖、新增互動性、樣式元件或使用者提及 Slim、Stimulus、JavaScript、CSS 或前端開發時使用。 來源：rolemodel/rolemodel-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-22
- 更新時間
- 2026-03-10
快速解答
如何安裝 frontend-patterns？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/rolemodel/rolemodel-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-22