diff --git a/.gitignore b/.gitignore index e43b0f9..3e5c0e2 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ .DS_Store +.firecrawl/ +.playwright-mcp/ diff --git a/Anthropic/claude.html b/Anthropic/claude.html index 1a63ab2..99d76e1 100644 --- a/Anthropic/claude.html +++ b/Anthropic/claude.html @@ -67,7 +67,9 @@ body{font-family:var(--font-body);color:var(--text);background:var(--bg);height: .toc-inner{position:sticky;top:24px;padding:16px 0;max-height:calc(100vh - 100px);overflow-y:auto} .toc-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px} .toc-group{margin-bottom:14px} -.toc-group-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 0 2px;cursor:default;user-select:none} +.toc-group-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 0 2px;user-select:none;transition:color .1s} +.toc-group-label[data-section]{cursor:pointer} +.toc-group-label[data-section]:hover{color:var(--text)} .toc-item{display:block;padding:3px 0 3px 12px;font-size:var(--fs-small);color:var(--text-muted);cursor:pointer;border-left:2px solid transparent;transition:all .1s;line-height:1.4;user-select:none} .toc-item:hover{color:var(--text)} .toc-item.active{color:var(--text);font-weight:600;border-left-color:var(--accent)} @@ -90,7 +92,10 @@ body{font-family:var(--font-body);color:var(--text);background:var(--bg);height: .part-divider{margin:56px 0 32px;padding-top:40px;border-top:1px solid var(--border);scroll-margin-top:24px} .doc-header + .part-divider{margin-top:8px;padding-top:16px} .part-num{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)} +.part-num a{color:inherit;text-decoration:none} .part-title{font-size:var(--fs-h4);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-top:4px} +.part-title a{color:inherit;text-decoration:none} +.part-title a:hover{color:var(--accent)} .part-desc{font-size:var(--fs-body);color:var(--text-secondary);margin-top:4px;line-height:1.7} /* ═══ SECTIONS ═══ */ @@ -143,27 +148,44 @@ body{font-family:var(--font-body);color:var(--text);background:var(--bg);height: .tool-body{display:none;padding:14px;border-top:1px solid var(--border)} .tool-card.open .tool-body{display:block} .tools-expand-btn{display:inline-block;padding:6px 14px;font-size:var(--fs-small);font-weight:500;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;margin-bottom:16px;transition:all .15s}.tools-expand-btn:hover{border-color:var(--accent);color:var(--accent)} -.example-group-title{font-weight:600;font-size:var(--fs-body);color:var(--text);margin:28px 0 6px;padding:6px 0;border-bottom:1px solid var(--border)} -.example-group-title:first-child{margin-top:12px} -.example-group-title + .ex-break{display:none} -.ex-break{height:0;border-bottom:1px dashed var(--border);margin:18px 24px;opacity:.4} -.ex-field{margin:0;padding:8px 14px;font-size:var(--fs-small);line-height:1.65;border-left:3px solid transparent} +/* ═══ PREFERENCE CARDS ═══ */ +.pref-card{border:1px solid var(--border);border-radius:8px;margin:14px 0;overflow:hidden;background:var(--bg)} +.pref-card .pref-field{display:flex;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border);font-size:var(--fs-small);line-height:1.6;align-items:baseline} +.pref-card .pref-field:last-child{border-bottom:none} +.pref-card .pref-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--text-muted);min-width:76px;flex-shrink:0} +.pref-card .pref-value{color:var(--text-secondary)} +.pref-card .pref-yes{background:hsl(142 30% 97%)} +.pref-card .pref-yes .pref-label{color:hsl(142 60% 35%)} +.pref-card .pref-yes .pref-value{color:hsl(142 60% 35%);font-weight:600} +.pref-card .pref-no{background:hsl(0 30% 97%)} +.pref-card .pref-no .pref-label{color:hsl(0 60% 45%)} +.pref-card .pref-no .pref-value{color:hsl(0 60% 45%);font-weight:600} +.pref-card .pref-why{background:var(--bg-100)} +.pref-card .pref-why .pref-value{color:var(--text-muted);font-style:italic} + +/* ═══ EXAMPLE CARDS ═══ */ +.ex-card{border:1px solid var(--border);border-radius:8px;margin:10px 0;overflow:hidden;background:var(--bg)} +.ex-field{padding:8px 14px;font-size:var(--fs-small);line-height:1.65;border-left:3px solid transparent;border-bottom:1px solid var(--border)} +.ex-field:last-child{border-bottom:none} .ex-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px} .ex-content{color:var(--text)} -.ex-field.memories{background:var(--bg-code);border-left-color:var(--border-shade);border-radius:4px;margin:8px 0 4px;padding:6px 12px} -.ex-field.memories .ex-label{font-size:9px;margin-bottom:1px} +.ex-field.memories{background:var(--bg-100);border-left-color:var(--border-shade)} +.ex-field.memories .ex-label{font-size:9px} .ex-field.memories .ex-content{font-size:var(--fs-xs);color:var(--text-muted)} -.ex-field.user{background:var(--bg-100);padding:6px 14px;border-left-color:var(--info);margin-top:4px} +.ex-field.user{background:var(--bg-100);border-left-color:var(--info)} .ex-field.good{background:hsl(142 30% 97%);border-left-color:hsl(142 50% 42%)} .ex-field.bad{background:hsl(0 30% 97%);border-left-color:hsl(0 50% 50%)} -.ex-field.response{border-left-color:var(--accent)} -.ex-field.rationale{border-left-color:var(--text-muted);padding:6px 14px} -.ex-field.rationale .ex-content{font-style:italic;color:var(--text-secondary);font-size:var(--fs-xs)} -.pref-field{padding:2px 0;font-size:var(--fs-small);line-height:1.6} -.pref-label{font-weight:600;color:var(--text-secondary)} -.pref-field.pref-yes .pref-label{color:hsl(142 60% 35%)} -.pref-field.pref-no .pref-label{color:hsl(0 60% 45%)} -.pref-divider{height:1px;background:var(--border);margin:10px 0} +.example-group-title{font-weight:600;font-size:var(--fs-body);color:var(--text);margin:24px 0 6px;padding:6px 0;border-bottom:1px solid var(--border)} +.example-group-title:first-child{margin-top:8px} + +/* ═══ USER/ACTION EXAMPLE CARDS ═══ */ +.ua-card{border:1px solid var(--border);border-radius:8px;margin:10px 0;overflow:hidden;background:var(--bg)} +.ua-card .ua-field{display:flex;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border);font-size:var(--fs-small);line-height:1.6;align-items:baseline} +.ua-card .ua-field:last-child{border-bottom:none} +.ua-card .ua-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--text-muted);min-width:52px;flex-shrink:0} +.ua-card .ua-value{color:var(--text-secondary)} +.ua-card .ua-field.ua-user{background:var(--bg-100);border-left:3px solid var(--info)} +.ua-card .ua-field.ua-action{border-left:3px solid var(--accent)} .tool-desc{font-size:var(--fs-body);color:var(--text-secondary);line-height:24px;margin-bottom:12px} .tool-desc h2,.tool-desc h3,.tool-desc h4{font-size:var(--fs-small);font-weight:600;color:var(--text);margin:12px 0 4px;padding:0;border:none} .tool-desc h2{font-size:var(--fs-body)} @@ -185,7 +207,7 @@ body{font-family:var(--font-body);color:var(--text);background:var(--bg);height: .json-schema-wrap.open{display:block} /* ═══ XML ANNOTATIONS ═══ */ -.xml-tag{font-family:var(--font-mono);font-size:var(--fs-code);padding:2px 8px;border-radius:3px;font-weight:500;white-space:nowrap;color:hsl(125 100% 18%);background:hsl(86 45.1% 90%/0.5)} +.xml-tag{font-family:var(--font-mono);font-size:0.875em;padding:2px 6px;background:var(--bg-200);border:1px solid var(--border);border-radius:6px;font-weight:500;white-space:nowrap;color:var(--text)} /* ═══ RESPONSIVE ═══ */ @media(max-width:1000px){.toc{display:none}.page-layout{padding:0 28px}.content-wrap{max-width:100%}} @@ -210,627 +232,18 @@ body{font-family:var(--font-body);color:var(--text);background:var(--bg);height: + +