diff --git a/AGENTS.md b/AGENTS.md
index 6eb1aa6..1f8134a 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -6,6 +6,17 @@ This file provides guidance to AI coding agents when working with code in this r
 
 This is a monorepo with **backend** and **frontend** directories.
 
+## Agent Skills
+
+Use repository skills when applicable:
+
+- `svelte-code-writer`: required for creating, editing, or analyzing `.svelte`, `.svelte.ts`, and `.svelte.js` files.
+- `frontend-design`: use for frontend UI, page, and component design work.
+- `conventional-commit`: use when drafting commit messages that follow Conventional Commits.
+- `gemini-api-dev`: use when implementing Gemini API integrations, multimodal flows, function calling, or model selection details.
+
+When editing frontend code, always follow `docs/frontend-design-cookbook.md` and update it in the same change whenever you introduce or modify reusable UI patterns, visual rules, or shared styling conventions.
+
 ## Commit Guidelines
 
 This repository uses Conventional Commits (e.g., `feat(api): ...`, `fix(frontend): ...`, `test(models): ...`). Always format commit messages accordingly and ensure you include the correct scope to indicate which part of the monorepo is affected.
diff --git a/docs/frontend-design-cookbook.md b/docs/frontend-design-cookbook.md
index e916f3d..394cc39 100644
--- a/docs/frontend-design-cookbook.md
+++ b/docs/frontend-design-cookbook.md
@@ -2,6 +2,12 @@
 
 This cookbook defines the visual system for the frontend so every new change extends the existing style instead of inventing a new one.
 
+## Agent workflow
+
+- For any frontend edit, consult this cookbook before implementing changes.
+- If a change introduces or alters reusable UI patterns, wrappers, component variants, tokens, motion rules, or shared classes, update this cookbook in the same change.
+- Keep updates concise and actionable so future edits remain consistent.
+
 ## Design intent
 
 - Core tone: light editorial, calm and information-first.