the-frame-ai 0.10.9 → 0.11.1
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 +32 -21
- package/README.es.md +32 -21
- package/README.hi.md +34 -23
- package/README.ja.md +34 -23
- package/README.md +35 -24
- package/README.ru.md +34 -21
- package/README.zh.md +32 -21
- package/package.json +1 -1
- package/templates/agents/performance-auditor.md +418 -0
- package/templates/commands/frame:perf-audit.md +291 -0
- package/templates/commands/frame:perf-fix.md +130 -0
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:
|
|
191
|
-
# →
|
|
192
|
-
#
|
|
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
|
-
|
|
195
|
-
#
|
|
196
|
-
#
|
|
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:
|
|
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
|
-
- **
|
|
219
|
-
- **
|
|
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:
|
|
191
|
-
# →
|
|
192
|
-
#
|
|
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
|
-
|
|
195
|
-
#
|
|
196
|
-
#
|
|
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:
|
|
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
|
-
- **
|
|
219
|
-
- **
|
|
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:
|
|
191
|
-
# →
|
|
192
|
-
#
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
# →
|
|
196
|
-
#
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
#
|
|
200
|
-
#
|
|
201
|
-
#
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
# →
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
#
|
|
209
|
-
|
|
210
|
-
/
|
|
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
|
-
- **
|
|
219
|
-
- **
|
|
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:
|
|
191
|
-
# →
|
|
192
|
-
#
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
# →
|
|
196
|
-
#
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
#
|
|
200
|
-
#
|
|
201
|
-
#
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
# →
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
#
|
|
209
|
-
|
|
210
|
-
/
|
|
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
|
-
- **
|
|
219
|
-
- **
|
|
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
|
-
###
|
|
112
|
+
### Performance: find and fix bottlenecks
|
|
113
113
|
|
|
114
114
|
```
|
|
115
115
|
/frame:daily
|
|
116
116
|
|
|
117
|
-
/frame:
|
|
118
|
-
# →
|
|
119
|
-
#
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
# →
|
|
123
|
-
#
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
#
|
|
127
|
-
#
|
|
128
|
-
#
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
# →
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
#
|
|
136
|
-
|
|
137
|
-
/
|
|
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
|
-
- **
|
|
221
|
-
- **
|
|
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:
|
|
189
|
-
# →
|
|
190
|
-
#
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
# →
|
|
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
|
-
|
|
197
|
-
#
|
|
198
|
-
#
|
|
199
|
-
#
|
|
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:
|
|
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
|
-
- **
|
|
217
|
-
- **
|
|
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:
|
|
191
|
-
# →
|
|
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
|
-
|
|
195
|
-
#
|
|
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:
|
|
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
|
-
- **
|
|
219
|
-
- **
|
|
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 审计 |
|