the-frame-ai 0.10.9 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.de.md CHANGED
@@ -187,27 +187,36 @@ Der Befehl **prüft** nur — er behebt nicht automatisch. Wenn er ein Problem f
187
187
  ```
188
188
  /frame:daily
189
189
 
190
- /frame:performance
191
- # → Baseline ermitteln: Bundle-Größe, Ladezeit, Lighthouse-Score
192
- # Zahlen merken am Ende für den Vergleich benötigt
190
+ /frame:perf-audit
191
+ # → erkennt Stack (Next.js + PostgreSQL + Redis usw.)
192
+ # sucht aktuelle bekannte Probleme für genau diesen Stack
193
+ # → Tiefenscan: N+1-Abfragen, Memory Leaks, blockierende Operationen,
194
+ # fehlende Cache-Header, Re-Render-Ursachen, Bundle-Größe
195
+ # → Bericht gespeichert in .planning/reports/performance/PERF_REPORT.md
196
+ # mit Critical/High/Medium/Low-Prioritäten und Aufwandsschätzungen
197
+
198
+ # Beispiel-Ausgabe:
199
+ # Critical: 2 | High: 4 | Medium: 3 | Low: 1
200
+ # [PERF-1] N+1-Abfrage in /api/users — 47 extra DB-Abfragen pro Request (S)
201
+ # [PERF-2] setInterval ohne Cleanup in Dashboard — Memory Leak (XS)
202
+
203
+ /frame:perf-fix
204
+ # → liest PERF_REPORT.md, beginnt mit Critical
205
+ # → zeigt für jedes Problem:
206
+ # --- BEFORE ---
207
+ # const users = await db.findMany()
208
+ # --- AFTER ---
209
+ # const users = await db.findMany({ select: { id, name, email } })
210
+ # → fragt: Apply this fix? [y/n/skip]
211
+ # → wendet an, führt Typecheck + Tests aus, macht Rollback bei Fehler
193
212
 
194
- /frame:research "dashboard performance"
195
- # Claude analysiert Dashboard-Code: schwere Komponenten,
196
- # redundante Anfragen, was gecacht oder lazy-geladen werden kann
197
-
198
- /frame:plan "dashboard optimization"
199
- # → Aufgabenliste mit Impact-Schätzungen:
200
- # 1. schwere Charts lazy laden
201
- # 2. API-Anfragen cachen
202
- # 3. doppelte Anfragen beim Mount entfernen
203
-
204
- /frame:build
205
- # → sequenziell, jede Aufgabe mit einem Test
206
-
207
- /frame:performance
208
- # → mit Baseline vergleichen: echte Verbesserung sehen
213
+ # Gezielte Fixes:
214
+ /frame:perf-fix PERF-1 # ein Problem beheben
215
+ /frame:perf-fix high # alle High beheben
216
+ /frame:perf-fix all # Critical + High beheben
209
217
 
210
- /frame:ship
218
+ /frame:perf-audit
219
+ # → erneut ausführen um Verbesserungen zu bestätigen
211
220
  ```
212
221
 
213
222
  ## Was drin ist
@@ -215,8 +224,8 @@ Der Befehl **prüft** nur — er behebt nicht automatisch. Wenn er ein Problem f
215
224
  FRAME bietet:
216
225
 
217
226
  - **6-Phasen-Workflow**: Recherche → Plan → Build → Review → Ship → Reflect
218
- - **35 Befehle**: von schnellen Aufgaben bis zum vollständigen Feature-Entwicklungszyklus
219
- - **6 KI-Agenten**: Researcher, Planner, Builder, Reviewer, Devil's Advocate, Security
227
+ - **37 Befehle**: von schnellen Aufgaben bis zum vollständigen Feature-Entwicklungszyklus
228
+ - **7 KI-Agenten**: Researcher, Planner, Builder, Reviewer, Devil's Advocate, Security, Performance Auditor
220
229
  - **Safety-Hooks**: blockieren destruktive Operationen, erzwingen Quality-Gates
221
230
  - **Git-Sicherheit**: Checkpoints, Rollback, Worktrees, Pause/Resume
222
231
  - **Sicherheitsaudit**: OWASP Top 10, Secret-Erkennung, Infrastruktur-Checks, KI/LLM-Risiken
@@ -300,6 +309,8 @@ Diese 7 Befehle decken 90% der Solo-Dev-Arbeit ab:
300
309
  | `/frame:review` | Vor dem Deployment — automatisierte Prüfungen + Checkliste |
301
310
  | `/frame:security` | Tiefer Sicherheitsaudit: Secrets, OWASP, Infrastruktur, KI/LLM-Risiken |
302
311
  | `/frame:security-fix` | Befunde aus dem letzten Sicherheitsbericht beheben (CRITICAL zuerst, dann HIGH) |
312
+ | `/frame:perf-audit` | Tiefer Performance-Audit: erkennt Stack, recherchiert aktuelle Probleme, schreibt PERF_REPORT.md |
313
+ | `/frame:perf-fix` | Probleme aus PERF_REPORT.md beheben — zeigt Before/After, fragt Bestätigung pro Fix |
303
314
  | `/frame:health` | Vollständiger Projekt-Gesundheitscheck |
304
315
  | `/frame:check-deps` | Sicherheitsaudit + veraltete Pakete |
305
316
  | `/frame:performance` | Bundle-Größe und Lighthouse-Audit |
package/README.es.md CHANGED
@@ -187,27 +187,36 @@ El comando solo **verifica** — no corrige automáticamente. Si encuentra un pr
187
187
  ```
188
188
  /frame:daily
189
189
 
190
- /frame:performance
191
- # → obtener línea base: tamaño del bundle, tiempo de carga, puntuación Lighthouse
192
- # recordar los números los necesitarás para comparar al final
190
+ /frame:perf-audit
191
+ # → detecta el stack (Next.js + PostgreSQL + Redis, etc.)
192
+ # busca problemas conocidos actuales para ese stack exacto
193
+ # → escaneo profundo: consultas N+1, fugas de memoria, operaciones bloqueantes,
194
+ # cabeceras de caché faltantes, causas de re-renders, tamaño del bundle
195
+ # → informe guardado en .planning/reports/performance/PERF_REPORT.md
196
+ # con prioridades Critical/High/Medium/Low y estimaciones de esfuerzo
197
+
198
+ # Ejemplo de salida:
199
+ # Critical: 2 | High: 4 | Medium: 3 | Low: 1
200
+ # [PERF-1] Consulta N+1 en /api/users — 47 consultas DB extra por request (S)
201
+ # [PERF-2] setInterval sin cleanup en Dashboard — fuga de memoria (XS)
202
+
203
+ /frame:perf-fix
204
+ # → lee PERF_REPORT.md, empieza con Critical
205
+ # → para cada problema muestra:
206
+ # --- BEFORE ---
207
+ # const users = await db.findMany()
208
+ # --- AFTER ---
209
+ # const users = await db.findMany({ select: { id, name, email } })
210
+ # → pregunta: Apply this fix? [y/n/skip]
211
+ # → aplica, ejecuta typecheck + tests, revierte si falla
193
212
 
194
- /frame:research "dashboard performance"
195
- # Claude analiza el código del dashboard: componentes pesados,
196
- # solicitudes redundantes, qué se puede cachear o cargar de forma diferida
197
-
198
- /frame:plan "dashboard optimization"
199
- # → lista de tareas con estimaciones de impacto:
200
- # 1. carga diferida de gráficos pesados
201
- # 2. cachear solicitudes de API
202
- # 3. eliminar solicitudes duplicadas al montar
203
-
204
- /frame:build
205
- # → secuencial, cada tarea con una prueba
206
-
207
- /frame:performance
208
- # → comparar con la línea base: ver la mejora real
213
+ # Correcciones específicas:
214
+ /frame:perf-fix PERF-1 # corregir un problema
215
+ /frame:perf-fix high # corregir todos los High
216
+ /frame:perf-fix all # corregir Critical + High
209
217
 
210
- /frame:ship
218
+ /frame:perf-audit
219
+ # → volver a ejecutar para confirmar mejoras
211
220
  ```
212
221
 
213
222
  ## Qué incluye
@@ -215,8 +224,8 @@ El comando solo **verifica** — no corrige automáticamente. Si encuentra un pr
215
224
  FRAME proporciona:
216
225
 
217
226
  - **Flujo de trabajo de 6 fases**: Investigar → Planificar → Construir → Revisar → Publicar → Reflexionar
218
- - **35 comandos**: desde tareas rápidas hasta el ciclo completo de desarrollo de funcionalidades
219
- - **6 agentes de IA**: Investigador, Planificador, Constructor, Revisor, Abogado del Diablo, Seguridad
227
+ - **37 comandos**: desde tareas rápidas hasta el ciclo completo de desarrollo de funcionalidades
228
+ - **7 agentes de IA**: Investigador, Planificador, Constructor, Revisor, Abogado del Diablo, Seguridad, Auditor de Rendimiento
220
229
  - **Safety Hooks**: bloquean operaciones destructivas, aplican quality gates
221
230
  - **Git Safety**: checkpoints, rollback, worktrees, pausa/reanudación
222
231
  - **Auditoría de seguridad**: OWASP Top 10, detección de secretos, verificaciones de infraestructura, riesgos de IA/LLM
@@ -300,6 +309,8 @@ Estos 7 comandos cubren el 90% del trabajo de desarrollo en solitario:
300
309
  | `/frame:review` | Antes de desplegar — verificaciones automatizadas + lista de comprobación |
301
310
  | `/frame:security` | Auditoría de seguridad profunda: secretos, OWASP, infraestructura, riesgos IA/LLM |
302
311
  | `/frame:security-fix` | Corregir hallazgos del último informe de seguridad (CRITICAL primero, luego HIGH) |
312
+ | `/frame:perf-audit` | Auditoría de rendimiento profunda: detecta stack, investiga problemas actuales, escribe PERF_REPORT.md |
313
+ | `/frame:perf-fix` | Corregir problemas de PERF_REPORT.md — muestra antes/después, pide confirmación por fix |
303
314
  | `/frame:health` | Verificación completa del estado del proyecto |
304
315
  | `/frame:check-deps` | Auditoría de seguridad + paquetes desactualizados |
305
316
  | `/frame:performance` | Auditoría de tamaño de bundle y Lighthouse |
package/README.hi.md CHANGED
@@ -187,27 +187,36 @@ FRAME — AI-सहायता प्राप्त एकल विकास
187
187
  ```
188
188
  /frame:daily
189
189
 
190
- /frame:performance
191
- # → बेसलाइन प्राप्त करें: bundle आकार, लोड समय, Lighthouse स्कोर
192
- # संख्याएं याद रखें अंत में तुलना के लिए चाहिए होंगी
193
-
194
- /frame:research "dashboard performance"
195
- # → Claude डैशबोर्ड कोड का विश्लेषण करता है: भारी कंपोनेंट,
196
- # अनावश्यक अनुरोध, क्या कैश या lazy-load किया जा सकता है
197
-
198
- /frame:plan "dashboard optimization"
199
- # प्रभाव अनुमानों के साथ कार्य सूची:
200
- # 1. भारी चार्ट को lazy load करें
201
- # 2. API अनुरोधों को कैश करें
202
- # 3. माउंट पर डुप्लिकेट अनुरोध हटाएं
203
-
204
- /frame:build
205
- # → क्रमिक, प्रत्येक कार्य एक परीक्षण के साथ
206
-
207
- /frame:performance
208
- # बेसलाइन से तुलना करें: वास्तविक सुधार देखें
209
-
210
- /frame:ship
190
+ /frame:perf-audit
191
+ # → स्टैक डिटेक्ट करता है (Next.js + PostgreSQL + Redis आदि)
192
+ # उस स्टैक के लिए वर्तमान ज्ञात समस्याएं खोजता है
193
+ # → गहरा स्कैन: N+1 क्वेरी, मेमोरी लीक, ब्लॉकिंग ऑपरेशन,
194
+ # कैश हेडर की कमी, re-render के कारण, bundle साइज
195
+ # → रिपोर्ट .planning/reports/performance/PERF_REPORT.md में सेव
196
+ # Critical/High/Medium/Low प्राथमिकताओं और effort अनुमान के साथ
197
+
198
+ # उदाहरण आउटपुट:
199
+ # Critical: 2 | High: 4 | Medium: 3 | Low: 1
200
+ # [PERF-1] /api/users में N+1 क्वेरी प्रति request 47 अतिरिक्त DB क्वेरी (S)
201
+ # [PERF-2] Dashboard में setInterval बिना cleanup — मेमोरी लीक (XS)
202
+
203
+ /frame:perf-fix
204
+ # → PERF_REPORT.md पढ़ता है, Critical से शुरू करता है
205
+ # → प्रत्येक समस्या के लिए दिखाता है:
206
+ # --- BEFORE ---
207
+ # const users = await db.findMany()
208
+ # --- AFTER ---
209
+ # const users = await db.findMany({ select: { id, name, email } })
210
+ # → पूछता है: Apply this fix? [y/n/skip]
211
+ # → लागू करता है, typecheck + tests चलाता है, विफल होने पर revert करता है
212
+
213
+ # विशिष्ट fixes:
214
+ /frame:perf-fix PERF-1 # एक समस्या ठीक करें
215
+ /frame:perf-fix high # सभी High ठीक करें
216
+ /frame:perf-fix all # Critical + High ठीक करें
217
+
218
+ /frame:perf-audit
219
+ # → सुधार की पुष्टि के लिए फिर से चलाएं
211
220
  ```
212
221
 
213
222
  ## अंदर क्या है
@@ -215,8 +224,8 @@ FRAME — AI-सहायता प्राप्त एकल विकास
215
224
  FRAME प्रदान करता है:
216
225
 
217
226
  - **6-चरण वर्कफ़्लो**: अनुसंधान → योजना → निर्माण → समीक्षा → शिप → प्रतिबिंब
218
- - **35 कमांड**: त्वरित कार्यों से लेकर पूर्ण सुविधा विकास चक्र तक
219
- - **6 AI एजेंट**: शोधकर्ता, योजनाकार, निर्माता, समीक्षक, शैतान का वकील, सुरक्षा
227
+ - **37 कमांड**: त्वरित कार्यों से लेकर पूर्ण सुविधा विकास चक्र तक
228
+ - **7 AI एजेंट**: शोधकर्ता, योजनाकार, निर्माता, समीक्षक, शैतान का वकील, सुरक्षा, प्रदर्शन ऑडिटर
220
229
  - **सेफ्टी हुक्स**: विनाशकारी ऑपरेशन ब्लॉक करते हैं, गुणवत्ता गेट लागू करते हैं
221
230
  - **Git सुरक्षा**: चेकपॉइंट, रोलबैक, वर्कट्री, पॉज/रिज्यूम
222
231
  - **Security Auditing**: OWASP Top 10, secret detection, infrastructure checks, AI/LLM risks
@@ -300,6 +309,8 @@ npx the-frame-ai init
300
309
  | `/frame:review` | डिप्लॉय करने से पहले — स्वचालित जांच + चेकलिस्ट |
301
310
  | `/frame:security` | गहरा सुरक्षा ऑडिट: secrets, OWASP, infrastructure, AI/LLM risks |
302
311
  | `/frame:security-fix` | नवीनतम रिपोर्ट से findings ठीक करें (पहले CRITICAL, फिर HIGH) |
312
+ | `/frame:perf-audit` | गहरा performance audit: स्टैक डिटेक्ट, वर्तमान समस्याएं खोजें, PERF_REPORT.md लिखें |
313
+ | `/frame:perf-fix` | PERF_REPORT.md की समस्याएं ठीक करें — before/after दिखाएं, प्रत्येक fix पर पुष्टि |
303
314
  | `/frame:health` | पूर्ण प्रोजेक्ट स्वास्थ्य जांच |
304
315
  | `/frame:check-deps` | सुरक्षा ऑडिट + पुराने पैकेज |
305
316
  | `/frame:performance` | Bundle आकार और Lighthouse ऑडिट |
package/README.ja.md CHANGED
@@ -187,27 +187,36 @@ Claude Codeで一人でプロダクトを作っていて、チームのように
187
187
  ```
188
188
  /frame:daily
189
189
 
190
- /frame:performance
191
- # → ベースラインを取得:バンドルサイズ、読み込み時間、Lighthouseスコア
192
- # 数値を記録 最後の比較に必要
193
-
194
- /frame:research "dashboard performance"
195
- # → Claudeがダッシュボードコードを分析:重いコンポーネント、
196
- # 冗長なリクエスト、キャッシュまたは遅延読み込みできるもの
197
-
198
- /frame:plan "dashboard optimization"
199
- # 影響見積もり付きのタスクリスト:
200
- # 1. 重いチャートを遅延読み込み
201
- # 2. APIリクエストをキャッシュ
202
- # 3. マウント時の重複リクエストを削除
203
-
204
- /frame:build
205
- # → 順次実行、各タスクにテスト付き
206
-
207
- /frame:performance
208
- # ベースラインと比較:実際の改善を確認
209
-
210
- /frame:ship
190
+ /frame:perf-audit
191
+ # → スタックを検出(Next.js + PostgreSQL + Redis など)
192
+ # そのスタック固有の現在の既知問題を調査
193
+ # → 深層スキャン:N+1クエリ、メモリリーク、ブロッキング操作、
194
+ # キャッシュヘッダーの欠如、再レンダリングの原因、バンドルサイズ
195
+ # → レポートを .planning/reports/performance/PERF_REPORT.md に保存
196
+ # Critical/High/Medium/Low の優先度と工数見積もり付き
197
+
198
+ # 出力例:
199
+ # Critical: 2 | High: 4 | Medium: 3 | Low: 1
200
+ # [PERF-1] /api/users の N+1クエリ — リクエストごとに47回の余分なDBクエリ (S)
201
+ # [PERF-2] Dashboard の setInterval にクリーンアップなし — メモリリーク (XS)
202
+
203
+ /frame:perf-fix
204
+ # → PERF_REPORT.md を読み、Critical から開始
205
+ # → 各問題について表示:
206
+ # --- BEFORE ---
207
+ # const users = await db.findMany()
208
+ # --- AFTER ---
209
+ # const users = await db.findMany({ select: { id, name, email } })
210
+ # → 確認:Apply this fix? [y/n/skip]
211
+ # → 適用、typecheck + テスト実行、失敗時はリバート
212
+
213
+ # 特定の修正:
214
+ /frame:perf-fix PERF-1 # 1つの問題を修正
215
+ /frame:perf-fix high # すべての High を修正
216
+ /frame:perf-fix all # Critical + High を修正
217
+
218
+ /frame:perf-audit
219
+ # → 改善を確認するために再実行
211
220
  ```
212
221
 
213
222
  ## 内容
@@ -215,8 +224,8 @@ Claude Codeで一人でプロダクトを作っていて、チームのように
215
224
  FRAMEが提供するもの:
216
225
 
217
226
  - **6フェーズワークフロー**:調査 → 計画 → 構築 → レビュー → リリース → 振り返り
218
- - **35コマンド**:クイックタスクから完全な機能開発サイクルまで
219
- - **6つのAIエージェント**:リサーチャー、プランナー、ビルダー、レビュアー、悪魔の代弁者、セキュリティ
227
+ - **37コマンド**:クイックタスクから完全な機能開発サイクルまで
228
+ - **7つのAIエージェント**:リサーチャー、プランナー、ビルダー、レビュアー、悪魔の代弁者、セキュリティ、パフォーマンス監査
220
229
  - **セーフティフック**:破壊的操作をブロック、品質ゲートを強制
221
230
  - **Git安全機能**:チェックポイント、ロールバック、ワークツリー、一時停止/再開
222
231
  - **セキュリティ監査**:OWASP Top 10、シークレット検出、インフラチェック、AI/LLMリスク
@@ -300,6 +309,8 @@ npx the-frame-ai init
300
309
  | `/frame:review` | デプロイ前 — 自動チェック + チェックリスト |
301
310
  | `/frame:security` | 深度セキュリティ監査:シークレット、OWASP、インフラ、AI/LLMリスク |
302
311
  | `/frame:security-fix` | 最新セキュリティレポートの発見を修正(CRITICAL 優先、次に HIGH) |
312
+ | `/frame:perf-audit` | 深層パフォーマンス監査:スタック検出、現在の問題を調査、PERF_REPORT.md を作成 |
313
+ | `/frame:perf-fix` | PERF_REPORT.md の問題を修正 — Before/After を表示、修正ごとに確認 |
303
314
  | `/frame:health` | プロジェクト全体のヘルスチェック |
304
315
  | `/frame:check-deps` | セキュリティ監査 + 古いパッケージ |
305
316
  | `/frame:performance` | バンドルサイズとLighthouse監査 |
package/README.md CHANGED
@@ -109,32 +109,41 @@ Run `/frame:research <topic>` — Claude explores the codebase, external sources
109
109
  /frame:ship
110
110
  ```
111
111
 
112
- ### Improvement: speed up dashboard loading
112
+ ### Performance: find and fix bottlenecks
113
113
 
114
114
  ```
115
115
  /frame:daily
116
116
 
117
- /frame:performance
118
- # → get baseline: bundle size, load time, Lighthouse score
119
- # remember the numbers you'll need them for comparison at the end
120
-
121
- /frame:research "dashboard performance"
122
- # → Claude analyzes dashboard code: heavy components,
123
- # redundant requests, what can be cached or lazy-loaded
124
-
125
- /frame:plan "dashboard optimization"
126
- # task list with impact estimates:
127
- # 1. lazy load heavy charts
128
- # 2. cache API requests
129
- # 3. remove duplicate requests on mount
130
-
131
- /frame:build
132
- # → sequential, each task with a test
133
-
134
- /frame:performance
135
- # compare with baseline: see the real improvement
136
-
137
- /frame:ship
117
+ /frame:perf-audit
118
+ # → detects stack (Next.js + PostgreSQL + Redis, etc.)
119
+ # searches for current known issues for that exact stack
120
+ # → deep scan: N+1 queries, memory leaks, blocking ops,
121
+ # missing cache headers, re-render causes, bundle size
122
+ # → report saved to .planning/reports/performance/PERF_REPORT.md
123
+ # with Critical/High/Medium/Low priorities and effort estimates
124
+
125
+ # Example report output:
126
+ # Critical: 2 | High: 4 | Medium: 3 | Low: 1
127
+ # [PERF-1] N+1 query in /api/users — 47 extra DB queries per request (S)
128
+ # [PERF-2] setInterval without cleanup in Dashboard — memory leak (XS)
129
+
130
+ /frame:perf-fix
131
+ # → reads PERF_REPORT.md, starts with Critical issues
132
+ # → for each issue shows:
133
+ # --- BEFORE ---
134
+ # const users = await db.findMany()
135
+ # --- AFTER ---
136
+ # const users = await db.findMany({ select: { id, name, email } })
137
+ # → asks: Apply this fix? [y/n/skip]
138
+ # → applies, runs typecheck + tests, reverts if broken
139
+
140
+ # Fix specific issue or priority:
141
+ /frame:perf-fix PERF-1 # fix one issue
142
+ /frame:perf-fix high # fix all High priority
143
+ /frame:perf-fix all # fix Critical + High
144
+
145
+ /frame:perf-audit
146
+ # → re-run to confirm improvements
138
147
  ```
139
148
 
140
149
  ### UI verification: confirm the interface works
@@ -217,8 +226,8 @@ The command only **verifies** — it doesn't auto-fix. If it finds a problem, it
217
226
  FRAME provides:
218
227
 
219
228
  - **6-phase workflow**: Research → Plan → Build → Review → Ship → Reflect
220
- - **35 commands**: from quick tasks to full feature development cycle
221
- - **6 AI agents**: Researcher, Planner, Builder, Reviewer, Devil's Advocate, Security
229
+ - **37 commands**: from quick tasks to full feature development cycle
230
+ - **7 AI agents**: Researcher, Planner, Builder, Reviewer, Devil's Advocate, Security, Performance Auditor
222
231
  - **Safety Hooks**: block destructive operations, enforce quality gates
223
232
  - **Git Safety**: checkpoints, rollback, worktrees, pause/resume
224
233
  - **Security Auditing**: OWASP Top 10, secret detection, infrastructure checks, AI/LLM risks
@@ -302,6 +311,8 @@ These 7 commands cover 90% of solo dev work:
302
311
  | `/frame:review` | Before deploying — automated checks + checklist |
303
312
  | `/frame:security` | Deep security audit: secrets, OWASP, infra, AI/LLM risks |
304
313
  | `/frame:security-fix` | Fix findings from the latest security report (CRITICAL first, then HIGH) |
314
+ | `/frame:perf-audit` | Deep performance audit: detects stack, researches current issues, writes PERF_REPORT.md |
315
+ | `/frame:perf-fix` | Fix issues from PERF_REPORT.md — shows before/after, asks confirmation per fix |
305
316
  | `/frame:health` | Full project health check |
306
317
  | `/frame:check-deps` | Dependency vulnerabilities + outdated packages |
307
318
  | `/frame:performance` | Bundle size and Lighthouse audit |
package/README.ru.md CHANGED
@@ -182,30 +182,41 @@ Research → Plan → Build → Review → Ship → Reflect
182
182
  /frame:security src/api/ # сканировать конкретную директорию
183
183
  ```
184
184
 
185
+ ### Производительность: найти и исправить узкие места
186
+
185
187
  ```
186
188
  /frame:daily
187
189
 
188
- /frame:performance
189
- # → получаешь baseline: размер бандла, время загрузки, Lighthouse-score
190
- # запомни цифры они нужны для сравнения в конце
191
-
192
- /frame:research "dashboard performance"
193
- # → Claude анализирует код дашборда: тяжёлые компоненты,
194
- # лишние запросы, что можно закэшировать или загрузить лениво
190
+ /frame:perf-audit
191
+ # → определяет стек (Next.js + PostgreSQL + Redis и т.д.)
192
+ # ищет актуальные известные проблемы именно для этого стека
193
+ # → глубокое сканирование: N+1 запросы, утечки памяти, блокирующие операции,
194
+ # отсутствие кэш-заголовков, причины лишних ре-рендеров, размер бандла
195
+ # → отчёт сохраняется в .planning/reports/performance/PERF_REPORT.md
196
+ # с приоритетами Critical/High/Medium/Low и оценкой трудозатрат
197
+
198
+ # Пример вывода отчёта:
199
+ # Critical: 2 | High: 4 | Medium: 3 | Low: 1
200
+ # [PERF-1] N+1 запрос в /api/users — 47 лишних запросов к БД на запрос (S)
201
+ # [PERF-2] setInterval без cleanup в Dashboard — утечка памяти (XS)
202
+
203
+ /frame:perf-fix
204
+ # → читает PERF_REPORT.md, начинает с Critical
205
+ # → для каждой проблемы показывает:
206
+ # --- BEFORE ---
207
+ # const users = await db.findMany()
208
+ # --- AFTER ---
209
+ # const users = await db.findMany({ select: { id, name, email } })
210
+ # → спрашивает: Apply this fix? [y/n/skip]
211
+ # → применяет, запускает typecheck + тесты, откатывает если сломалось
195
212
 
196
- /frame:plan "оптимизация дашборда"
197
- # список задач с оценкой эффекта:
198
- # 1. lazy load тяжёлых графиков
199
- # 2. кэшировать API-запросы
200
- # 3. убрать дублирующиеся запросы при монтировании
201
-
202
- /frame:build
203
- # → последовательно, каждая задача с тестом
204
-
205
- /frame:performance
206
- # → сравниваешь с baseline: видишь реальный прирост
213
+ # Точечные фиксы:
214
+ /frame:perf-fix PERF-1 # исправить одну проблему
215
+ /frame:perf-fix high # исправить все High
216
+ /frame:perf-fix all # исправить Critical + High
207
217
 
208
- /frame:ship
218
+ /frame:perf-audit
219
+ # → повторный аудит чтобы убедиться в улучшениях
209
220
  ```
210
221
 
211
222
  ## Что внутри
@@ -213,8 +224,8 @@ Research → Plan → Build → Review → Ship → Reflect
213
224
  FRAME даёт:
214
225
 
215
226
  - **6-фазный воркфлоу**: Research → Plan → Build → Review → Ship → Reflect
216
- - **35 команд**: от быстрых задач до полного цикла разработки фичи
217
- - **6 AI-агентов**: Researcher, Planner, Builder, Reviewer, Devil's Advocate, Security
227
+ - **37 команд**: от быстрых задач до полного цикла разработки фичи
228
+ - **7 AI-агентов**: Researcher, Planner, Builder, Reviewer, Devil's Advocate, Security, Performance Auditor
218
229
  - **Safety Hooks**: блокируют деструктивные операции, запускают quality gates
219
230
  - **Git Safety**: чекпоинты, откат, worktrees, пауза/возобновление
220
231
  - **Security Auditing**: OWASP Top 10, обнаружение секретов, проверки инфраструктуры, AI/LLM-риски
@@ -299,6 +310,8 @@ npx the-frame init
299
310
  | `/frame:review` | Перед деплоем — автоматические проверки + чеклист |
300
311
  | `/frame:security` | Глубокий аудит безопасности: секреты, OWASP, инфра, AI/LLM-риски |
301
312
  | `/frame:security-fix` | Исправить находки из последнего отчёта (сначала CRITICAL, потом HIGH) |
313
+ | `/frame:perf-audit` | Глубокий аудит производительности: детектирует стек, ищет актуальные проблемы, пишет PERF_REPORT.md |
314
+ | `/frame:perf-fix` | Исправить проблемы из PERF_REPORT.md — показывает before/after, спрашивает подтверждение |
302
315
  | `/frame:health` | Полная проверка здоровья проекта |
303
316
  | `/frame:check-deps` | Аудит безопасности + устаревшие пакеты |
304
317
  | `/frame:performance` | Размер бандла и Lighthouse-аудит |
package/README.zh.md CHANGED
@@ -187,27 +187,36 @@ FRAME — 面向 AI 辅助独立开发的框架
187
187
  ```
188
188
  /frame:daily
189
189
 
190
- /frame:performance
191
- # → 获取基准:bundle 大小、加载时间、Lighthouse 分数
192
- # 记住这些数字——最后需要用于比较
190
+ /frame:perf-audit
191
+ # → 检测技术栈(Next.js + PostgreSQL + Redis 等)
192
+ # → 搜索该技术栈的当前已知问题
193
+ # → 深度扫描:N+1 查询、内存泄漏、阻塞操作、
194
+ # 缺少缓存头、重渲染原因、bundle 大小
195
+ # → 报告保存到 .planning/reports/performance/PERF_REPORT.md
196
+ # 包含 Critical/High/Medium/Low 优先级和工作量估算
197
+
198
+ # 输出示例:
199
+ # Critical: 2 | High: 4 | Medium: 3 | Low: 1
200
+ # [PERF-1] /api/users 中的 N+1 查询 — 每次请求额外 47 次 DB 查询 (S)
201
+ # [PERF-2] Dashboard 中 setInterval 没有清理 — 内存泄漏 (XS)
202
+
203
+ /frame:perf-fix
204
+ # → 读取 PERF_REPORT.md,从 Critical 开始
205
+ # → 对每个问题显示:
206
+ # --- BEFORE ---
207
+ # const users = await db.findMany()
208
+ # --- AFTER ---
209
+ # const users = await db.findMany({ select: { id, name, email } })
210
+ # → 询问:Apply this fix? [y/n/skip]
211
+ # → 应用,运行 typecheck + 测试,失败时回滚
193
212
 
194
- /frame:research "dashboard performance"
195
- # → Claude 分析仪表板代码:重型组件,
196
- # 冗余请求,什么可以缓存或懒加载
197
-
198
- /frame:plan "dashboard optimization"
199
- # → 带有影响估算的任务列表:
200
- # 1. 懒加载重型图表
201
- # 2. 缓存 API 请求
202
- # 3. 删除挂载时的重复请求
203
-
204
- /frame:build
205
- # → 顺序执行,每个任务都有测试
206
-
207
- /frame:performance
208
- # → 与基准比较:查看实际改进
213
+ # 针对性修复:
214
+ /frame:perf-fix PERF-1 # 修复单个问题
215
+ /frame:perf-fix high # 修复所有 High
216
+ /frame:perf-fix all # 修复 Critical + High
209
217
 
210
- /frame:ship
218
+ /frame:perf-audit
219
+ # → 重新运行以确认改进
211
220
  ```
212
221
 
213
222
  ## 内部包含什么
@@ -215,8 +224,8 @@ FRAME — 面向 AI 辅助独立开发的框架
215
224
  FRAME 提供:
216
225
 
217
226
  - **6 阶段工作流**:研究 → 计划 → 构建 → 审查 → 发布 → 反思
218
- - **35 个命令**:从快速任务到完整功能开发周期
219
- - **6 个 AI 代理**:研究员、规划师、构建者、审查员、魔鬼代言人、安全审计员
227
+ - **37 个命令**:从快速任务到完整功能开发周期
228
+ - **7 个 AI 代理**:研究员、规划师、构建者、审查员、魔鬼代言人、安全审计员、性能审计员
220
229
  - **安全钩子**:阻止破坏性操作,强制执行质量门控
221
230
  - **Git 安全**:检查点、回滚、工作树、暂停/恢复
222
231
  - **安全审计**:OWASP Top 10、密钥检测、基础设施检查、AI/LLM 风险
@@ -300,6 +309,8 @@ npx the-frame-ai init
300
309
  | `/frame:review` | 部署前——自动化检查 + 清单 |
301
310
  | `/frame:security` | 深度安全审计:密钥、OWASP、基础设施、AI/LLM 风险 |
302
311
  | `/frame:security-fix` | 修复最新安全报告中的发现(先 CRITICAL,再 HIGH) |
312
+ | `/frame:perf-audit` | 深度性能审计:检测技术栈,研究当前问题,写入 PERF_REPORT.md |
313
+ | `/frame:perf-fix` | 修复 PERF_REPORT.md 中的问题 — 显示前后对比,每个修复前确认 |
303
314
  | `/frame:health` | 完整项目健康检查 |
304
315
  | `/frame:check-deps` | 安全审计 + 过时包 |
305
316
  | `/frame:performance` | Bundle 大小和 Lighthouse 审计 |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "the-frame-ai",
3
- "version": "0.10.9",
3
+ "version": "0.11.0",
4
4
  "description": "FRAME — Framework for AI-Assisted Solo Development",
5
5
  "type": "module",
6
6
  "bin": {