[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-shanraisshan-presentation-styling-de":3,"guides-for-shanraisshan-presentation-styling":377,"similar-k17ac1fm75qtevp6wf2c7vdc1586nkq5-de":378},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":240,"isFallback":223,"parentExtension":245,"providers":246,"relations":252,"repo":255,"tags":373,"workflow":374},1778697372100.2344,"k17ac1fm75qtevp6wf2c7vdc1586nkq5",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"Wissen über CSS-Klassen, Komponentenmuster und Syntaxhervorhebung in der Präsentation",{"claudeCode":12},"shanraisshan/claude-code-best-practice","presentation-styling","https://github.com/shanraisshan/claude-code-best-practice",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":221,"workflow":238},1778697372100.2346,"kn7chd0bkpffjaaf607ymdv7x986n29f","de",{"checks":20,"evaluatedAt":191,"extensionSummary":192,"features":193,"nonGoals":199,"promptVersionExtension":203,"promptVersionScoring":204,"purpose":205,"rationale":206,"score":207,"summary":208,"tags":209,"tier":215,"useCases":216},[21,26,29,32,36,39,44,48,51,54,58,62,65,69,72,75,78,81,84,87,91,95,99,103,107,110,114,117,121,124,127,130,133,136,139,143,147,150,153,157,160,163,166,169,173,176,179,182,185,188],{"category":22,"check":23,"severity":24,"summary":25},"Praktische Nützlichkeit","Problemrelevanz","pass","Die Beschreibung gibt klar das Problem des Verständnisses von CSS-Klassen, Komponentenmustern und Syntaxhervorhebung für Präsentationen an, wodurch ihr Zweck für Benutzer, die mit Frontend-Präsentationsschichten arbeiten, sofort relevant wird.",{"category":22,"check":27,"severity":24,"summary":28},"Einzigartiges Verkaufsversprechen","Die Fähigkeit bietet spezifisches Wissen über CSS-Klassen und Muster für die Syntaxhervorhebung, das über die Standardfähigkeiten von LLMs hinausgeht, und liefert konkrete Anleitungen für die Entwicklung von Präsentationsschichten.",{"category":22,"check":30,"severity":24,"summary":31},"Produktionsreife","Die Fähigkeit bietet eine umfassende Referenz für CSS-Klassen und die Syntax von Codeblöcken und deckt das notwendige Wissen zur effektiven Implementierung gestylter Präsentationen ab.",{"category":33,"check":34,"severity":24,"summary":35},"Umfang","Prinzip der einzigen Verantwortung","Die Fähigkeit konzentriert sich ausschließlich auf CSS-Klassen, Komponentenmuster und Syntaxhervorhebung für Präsentationen und behält einen engen Umfang bei, ohne in unerhebliche Bereiche auszuschweifen.",{"category":33,"check":37,"severity":24,"summary":38},"Qualität der Beschreibung","Die angezeigte Beschreibung spiegelt den Inhalt der SKILL.md-Datei genau und prägnant wider und umreißt klar ihren Fokus auf Präsentationsgestaltung.",{"category":40,"check":41,"severity":42,"summary":43},"Aufruf","Geltungsbereich Werkzeuge","not_applicable","Diese Prüfung ist nicht anwendbar, da die Erweiterung eine Fähigkeit ist und keine einzelnen Werkzeuge bereitstellt.",{"category":45,"check":46,"severity":42,"summary":47},"Dokumentation","Konfigurations- und Parameterreferenz","Diese Fähigkeit verfügt über keine konfigurierbaren Parameter oder Optionen, die eine Dokumentation erfordern würden.",{"category":33,"check":49,"severity":42,"summary":50},"Werkzeugbenennung","Diese Prüfung ist nicht anwendbar, da die Erweiterung eine Fähigkeit ist und keine einzelnen Werkzeuge mit Namen bereitstellt.",{"category":33,"check":52,"severity":42,"summary":53},"Minimale I/O-Oberfläche","Diese Prüfung ist nicht anwendbar, da die Erweiterung eine Fähigkeit ist und keine Werkzeuge mit Ein- und Ausgabeschemata bereitstellt.",{"category":55,"check":56,"severity":24,"summary":57},"Lizenz","Lizenznutzbarkeit","Die Erweiterung ist unter der MIT-Lizenz lizenziert, einer permissiven Open-Source-Lizenz, die in der LICENSE-Datei klar angegeben ist.",{"category":59,"check":60,"severity":24,"summary":61},"Wartung","Aktualität der Commits","Das Repository zeigt kürzliche Aktivität mit einem Commit-Datum vom 13. Mai 2026, was auf eine aktive Wartung hindeutet.",{"category":59,"check":63,"severity":42,"summary":64},"Abhängigkeitsmanagement","Die Erweiterung scheint keine Abhängigkeiten von Drittanbietern zu verwenden, die eine formelle Managementstrategie erfordern würden.",{"category":66,"check":67,"severity":42,"summary":68},"Sicherheit","Geheimnisverwaltung","Die Fähigkeit verarbeitet keine Geheimnisse oder sensiblen Informationen.",{"category":66,"check":70,"severity":24,"summary":71},"Injektion","Der Inhalt der Fähigkeit scheint rein informativ zu sein (CSS-Klassen, HTML-Muster) und beinhaltet nicht das Laden oder Ausführen von nicht vertrauenswürdigen Daten Dritter.",{"category":66,"check":73,"severity":24,"summary":74},"Transitive Lieferketten-Granaten","Die Erweiterung bündelt ihren gesamten Inhalt im Repository und ruft zur Laufzeit keine externen Ressourcen ab.",{"category":66,"check":76,"severity":24,"summary":77},"Sandbox-Isolation","Die Fähigkeit ist ein Wissensartefakt und führt keine Dateisystemoperationen durch oder interagiert mit dem System außerhalb ihres definierten Umfangs.",{"category":66,"check":79,"severity":24,"summary":80},"Sandbox-Flucht-Primitive","Der Inhalt der Fähigkeit enthält keine Skripte oder Anweisungen, die eine Sandbox-Flucht ermöglichen könnten.",{"category":66,"check":82,"severity":24,"summary":83},"Datenexfiltration","Die Fähigkeit führt keine ausgehenden Netzwerkanrufe durch und referenziert keine vertraulichen Daten.",{"category":66,"check":85,"severity":24,"summary":86},"Versteckte Texttricks","Der gebündelte Inhalt (SKILL.md) scheint sauber und frei von versteckten Texttricks oder bösartigen Steuersequenzen zu sein.",{"category":88,"check":89,"severity":24,"summary":90},"Hooks","Opaque Codeausführung","Der Inhalt der Fähigkeit besteht aus reinen HTML- und CSS-Definitionen ohne verschleierten Code oder Laufzeitausführung.",{"category":92,"check":93,"severity":24,"summary":94},"Portabilität","Strukturelle Annahme","Die Fähigkeit stützt sich auf Standard-HTML/CSS-Muster und trifft keine strukturellen Annahmen über die Projektorganisation des Benutzers.",{"category":96,"check":97,"severity":24,"summary":98},"Vertrauen","Aufmerksamkeit für Probleme","Mit 3 offenen und 26 geschlossenen Problemen in den letzten 90 Tagen ist die Reaktionsrate hoch, was auf ein gutes Engagement des Wartenden hindeutet.",{"category":100,"check":101,"severity":24,"summary":102},"Versionierung","Release-Management","Das Repository enthält eine CHANGELOG.md-Datei und der `pushedAt`-Zeitstempel zeigt kürzliche Aktualisierungen, was die Versionsverfolgung ermöglicht.",{"category":104,"check":105,"severity":42,"summary":106},"Ausführung","Validierung","Diese Fähigkeit führt keinen Code aus oder verarbeitet keine strukturierten Ausgaben, wodurch die Schema-Validierung nicht anwendbar ist.",{"category":66,"check":108,"severity":42,"summary":109},"Ungeschützte destruktive Operationen","Die Fähigkeit ist rein informativ und führt keine destruktiven Operationen durch.",{"category":111,"check":112,"severity":42,"summary":113},"Codeausführung","Fehlerbehandlung","Da diese Fähigkeit keinen Code ausführt, gibt es keine Fehlerpfade zu behandeln.",{"category":111,"check":115,"severity":42,"summary":116},"Protokollierung","Da diese Fähigkeit schreibgeschützt und informativ ist, ist die Protokollierung von Aktionen nicht zutreffend.",{"category":118,"check":119,"severity":42,"summary":120},"Compliance","DSGVO","Die Fähigkeit verarbeitet keine personenbezogenen Daten.",{"category":118,"check":122,"severity":24,"summary":123},"Zielmarkt","Die Fähigkeit bietet allgemeine CSS- und HTML-Muster, die global anwendbar sind, ohne dass regionale oder gerichtliche Einschränkungen erkannt wurden.",{"category":92,"check":125,"severity":24,"summary":126},"Laufzeitstabilität","Die Fähigkeit stützt sich auf Standard-HTML und CSS, die universell unterstützt werden, und trifft keine Annahmen über spezifische Laufzeiten oder Betriebssysteme.",{"category":45,"check":128,"severity":24,"summary":129},"README","Die README-Datei ist umfassend, gibt klar den Zweck des Projekts an und liefert detaillierte Informationen zu seinen Funktionen und seiner Verwendung.",{"category":33,"check":131,"severity":42,"summary":132},"Größe der Werkzeugoberfläche","Diese Prüfung ist nicht anwendbar, da die Erweiterung eine Fähigkeit ist und keine mehreren Werkzeuge bereitstellt.",{"category":40,"check":134,"severity":42,"summary":135},"Sich überschneidende, nahezu synonyme Werkzeuge","Diese Prüfung ist nicht anwendbar, da die Erweiterung eine Fähigkeit ist und keine mehreren Werkzeuge mit überlappender Funktionalität bereitstellt.",{"category":45,"check":137,"severity":24,"summary":138},"Phantomfunktionen","Alle im README und SKILL.md erwähnten Funktionen (CSS-Klassen, Komponentenmuster, Syntaxhervorhebung) entsprechen dokumentierten Inhalten innerhalb der Fähigkeit.",{"category":140,"check":141,"severity":42,"summary":142},"Installation","Installationsanleitung","Diese Fähigkeit wird direkt über `claudeCode` geladen und hat keine separaten Installationsanweisungen oder Authentifizierungsanforderungen.",{"category":144,"check":145,"severity":42,"summary":146},"Fehler","Handlungsfähige Fehlermeldungen","Da diese Fähigkeit keinen Code ausführt oder benutzerseitige Fehlerpfade hat, ist diese Prüfung nicht anwendbar.",{"category":111,"check":148,"severity":42,"summary":149},"Angepinnte Abhängigkeiten","Diese Fähigkeit verwendet keine externen Abhängigkeiten oder Skripte, wodurch das Anpinnen von Abhängigkeiten irrelevant wird.",{"category":33,"check":151,"severity":42,"summary":152},"Dry-Run-Vorschau","Die Fähigkeit ist rein informativ und führt keine zustandsverändernden Operationen durch, die einen Dry-Run-Modus erfordern würden.",{"category":154,"check":155,"severity":42,"summary":156},"Protokoll","Idempotente Wiederholung und Timeouts","Diese Fähigkeit beinhaltet keine Fernaufrufe oder zustandsverändernden Operationen, die Idempotenz oder Timeouts erfordern würden.",{"category":118,"check":158,"severity":42,"summary":159},"Telemetry Opt-in","Die Fähigkeit gibt keine Telemetriedaten aus.",{"category":40,"check":161,"severity":24,"summary":162},"Präziser Zweck","Die Beschreibung der Fähigkeit umreißt klar ihren Zweck: Bereitstellung von Wissen über CSS-Klassen, Komponentenmuster und Syntaxhervorhebung für Präsentationen, und ihr Umfang ist gut definiert.",{"category":40,"check":164,"severity":24,"summary":165},"Prägnantes Frontmatter","Das Frontmatter in SKILL.md ist prägnant und fasst die Kernfähigkeit der Fähigkeit effektiv zusammen.",{"category":45,"check":167,"severity":24,"summary":168},"Prägnanter Körper","Der Körper von SKILL.md ist einigermaßen prägnant und beschreibt CSS-Klassen und Muster, ohne übermäßig lang zu sein, und delegiert implizit weiteres Material durch seine Natur.",{"category":170,"check":171,"severity":24,"summary":172},"Kontext","Progressive Offenlegung","SKILL.md liefert direkte Informationen zu CSS-Klassen und Mustern, und die Struktur der HTML-Beispiele impliziert weitere Implementierungsdetails, ohne dass separate Dateien erforderlich wären.",{"category":170,"check":174,"severity":42,"summary":175},"Gabel-Exploration","Diese Fähigkeit basiert auf Wissen und beinhaltet keine tiefgehende Erkundung oder Code-Überprüfung, wodurch `context: fork` nicht anwendbar ist.",{"category":22,"check":177,"severity":24,"summary":178},"Anwendungsbeispiele","SKILL.md bietet klare, sofort einsatzbereite HTML-Beispiele für verschiedene Folientypen und Codeblöcke, die die praktische Anwendung der CSS-Klassen demonstrieren.",{"category":22,"check":180,"severity":24,"summary":181},"Randfälle","Die Fähigkeit behandelt Randfälle, indem sie klare Definitionen und Beispiele für verschiedene CSS-Klassen und Code-Hervorhebungsszenarien bereitstellt und implizit die korrekte Verwendung abdeckt.",{"category":111,"check":183,"severity":42,"summary":184},"Werkzeug-Fallback","Diese Fähigkeit stützt sich nicht auf externe Werkzeuge wie MCP-Server und benötigt daher keine Fallback-Pfade.",{"category":66,"check":186,"severity":42,"summary":187},"Halt bei unerwartetem Zustand","Diese Fähigkeit ist rein informativ und beinhaltet keinen Workflow mit Vorbedingungen, die sich in einem unerwarteten Zustand befinden könnten.",{"category":92,"check":189,"severity":24,"summary":190},"Abhängigkeit zwischen Fähigkeiten","Die Fähigkeit ist in sich abgeschlossen und konzentriert sich auf das Wissen über Präsentationsgestaltung, ohne implizite Abhängigkeit von anderen Fähigkeiten.",1778697267357,"Diese Fähigkeit bietet detailliertes Wissen über CSS-Klassen, die für Layouts, Inhaltsblöcke, Listen und Tags verwendet werden, sowie Syntaxhervorhebungsbereiche für Codeblöcke und Muster für verschiedene Folientypen in Präsentationen.",[194,195,196,197,198],"Wissen über Layout-CSS-Klassen","Details zur Gestaltung von Inhaltsblöcken","Definitionen für Listen- und Tag-CSS-Klassen","Syntaxhervorhebung für Codeblöcke","Beispiele für Muster von Folientypen",[200,201,202],"Automatisches Generieren von CSS- oder HTML-Code.","Bereitstellung eines CSS-Linters oder Validators.","Gestaltung von Inhalten, die nicht zur Präsentation gehören.","3.0.0","4.4.0","Um klares, strukturiertes Wissen über CSS-Klassen und Präsentationsmuster anzubieten, das es Benutzern ermöglicht, gut gestaltete und konsistente Benutzeroberflächen oder Dokumente zu erstellen.","Alle Prüfungen wurden mit hoher Qualität und ohne kritische oder warnende Ergebnisse bestanden, was auf eine gut dokumentierte und fokussierte Fähigkeit hindeutet.",100,"Eine qualitativ hochwertige Fähigkeit, die umfassendes Wissen über Präsentationsgestaltung für CSS-Klassen, Komponentenmuster und Code-Hervorhebung bietet.",[210,211,212,213,214],"css","html","presentation","styling","documentation","verified",[217,218,219,220],"Verständnis und Anwendung spezifischer CSS-Klassen für die Präsentation.","Implementierung konsistenter Stile für verschiedene Inhaltselemente.","Erlernen der korrekten Syntax für die Codehervorhebung in Präsentationen.","Referenzierung der HTML-Struktur für gängige Präsentationskomponenten.",{"codeQuality":222,"collectedAt":224,"documentation":225,"maintenance":228,"security":235,"testCoverage":237},{"hasLockfile":223},false,1778697247359,{"descriptionLength":226,"readmeSize":227},92,72705,{"closedIssues90d":229,"forks":230,"hasChangelog":231,"openIssues90d":232,"pushedAt":233,"stars":234},26,5288,true,3,1778690578000,52835,{"hasNpmPackage":223,"license":236,"smitheryVerified":223},"MIT",{"hasCi":223,"hasTests":223},{"updatedAt":239},1778697372100,{"basePath":241,"githubOwner":242,"githubRepo":243,"locale":18,"slug":13,"type":244},".claude/skills/presentation/presentation-styling","shanraisshan","claude-code-best-practice","skill",null,{"evaluate":247,"extract":250},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":248,"targetMarket":249,"tier":215},[210,211,212,213,214],"global",{"commitSha":251},"HEAD",{"repoId":253,"translatedFrom":254},"kd74710g49kxgwbfjxeb7s132d86myxr","k17dxpwgb8be0ms7rk6143jdbx86m3rb",{"_creationTime":256,"_id":253,"identity":257,"providers":258,"workflow":369},1778697191149.7012,{"githubOwner":242,"githubRepo":243,"sourceUrl":14},{"classify":259,"discover":342,"github":345},{"commitSha":251,"extensions":260},[261,273,281,287,295,303,311,324,332],{"basePath":262,"description":263,"displayName":264,"installMethods":265,"rationale":266,"selectedPaths":267,"source":271,"sourceLanguage":272,"type":244},".claude/skills/agent-browser","Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to \"open a website\", \"fill out a form\", \"click a button\", \"take a screenshot\", \"scrape data from a page\", \"test this web app\", \"login to a site\", \"automate browser actions\", or any task requiring programmatic web interaction.","agent-browser",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/agent-browser/SKILL.md",[268],{"path":269,"priority":270},"SKILL.md","mandatory","rule","en",{"basePath":274,"description":275,"displayName":276,"installMethods":277,"rationale":278,"selectedPaths":279,"source":271,"sourceLanguage":272,"type":244},".claude/skills/presentation/presentation-structure","Knowledge about the presentation slide format, weight system, navigation, and section structure","presentation-structure",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/presentation/presentation-structure/SKILL.md",[280],{"path":269,"priority":270},{"basePath":241,"description":282,"displayName":13,"installMethods":283,"rationale":284,"selectedPaths":285,"source":271,"sourceLanguage":272,"type":244},"Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/presentation/presentation-styling/SKILL.md",[286],{"path":269,"priority":270},{"basePath":288,"description":289,"displayName":290,"installMethods":291,"rationale":292,"selectedPaths":293,"source":271,"sourceLanguage":272,"type":244},".claude/skills/presentation/vibe-to-agentic-framework","The conceptual framework behind the presentation — what \"Vibe Coding to Agentic Engineering\" means, why the journey is structured the way it is, and how every slide fits the narrative arc","vibe-to-agentic-framework",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/presentation/vibe-to-agentic-framework/SKILL.md",[294],{"path":269,"priority":270},{"basePath":296,"description":297,"displayName":298,"installMethods":299,"rationale":300,"selectedPaths":301,"source":271,"sourceLanguage":272,"type":244},".claude/skills/time-skill","Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.","time-skill",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/time-skill/SKILL.md",[302],{"path":269,"priority":270},{"basePath":304,"description":305,"displayName":306,"installMethods":307,"rationale":308,"selectedPaths":309,"source":271,"sourceLanguage":272,"type":244},".claude/skills/weather-fetcher","Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API","weather-fetcher",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/weather-fetcher/SKILL.md",[310],{"path":269,"priority":270},{"basePath":312,"description":313,"displayName":314,"installMethods":315,"rationale":316,"selectedPaths":317,"source":271,"sourceLanguage":272,"type":244},".claude/skills/weather-svg-creator","Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.","weather-svg-creator",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/weather-svg-creator/SKILL.md",[318,319,322],{"path":269,"priority":270},{"path":320,"priority":321},"examples.md","medium",{"path":323,"priority":321},"reference.md",{"basePath":325,"description":326,"displayName":327,"installMethods":328,"rationale":329,"selectedPaths":330,"source":271,"sourceLanguage":272,"type":244},"agent-teams/.claude/skills/time-fetcher","Instructions for fetching current Dubai time via bash command","time-fetcher",{"claudeCode":12},"SKILL.md frontmatter at agent-teams/.claude/skills/time-fetcher/SKILL.md",[331],{"path":269,"priority":270},{"basePath":333,"description":334,"displayName":335,"installMethods":336,"rationale":337,"selectedPaths":338,"source":271,"sourceLanguage":272,"type":244},"agent-teams/.claude/skills/time-svg-creator","Creates an SVG time card showing the current time for Dubai. Writes the SVG to agent-teams/output/dubai-time.svg and updates agent-teams/output/output.md.","time-svg-creator",{"claudeCode":12},"SKILL.md frontmatter at agent-teams/.claude/skills/time-svg-creator/SKILL.md",[339,340,341],{"path":269,"priority":270},{"path":320,"priority":321},{"path":323,"priority":321},{"sources":343},[344],"manual",{"closedIssues90d":229,"description":346,"forks":230,"homepage":347,"license":236,"openIssues90d":232,"pushedAt":233,"readmeSize":227,"stars":234,"topics":348},"from vibe coding to agentic engineering - practice makes claude perfect","https://linkedin.com/in/shanraisshan",[349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368],"claude-ai","claude-code","best-practices","claude","claude-code-best-practices","agentic-engineering","anthropic","claude-code-agents","claude-code-commands","claude-code-skills","vibe-coding","boris","agentic-ai","agentic-coding","agentic-workflow","ai","context-engineering","pakistan","pakistani-developer","ai-agents",{"classifiedAt":370,"discoverAt":371,"extractAt":372,"githubAt":372,"updatedAt":370},1778697205538,1778697191149,1778697202144,[210,214,211,212,213],{"evaluatedAt":375,"extractAt":376,"updatedAt":239},1778697269622,1778697205743,[],[379,399,429,451,484,513],{"_creationTime":380,"_id":381,"community":382,"display":383,"identity":387,"providers":388,"relations":393,"tags":395,"workflow":396},1778697371856.6287,"k1779r96aq73f44z9ffm437vch86myt9",{"reviewCount":8},{"description":384,"installMethods":385,"name":386,"sourceUrl":14},"Wissen über das Präsentationsfolienformat, das Gewichtungssystem, die Navigation und die Abschnittsstruktur",{"claudeCode":12},"Presentation Structure",{"basePath":274,"githubOwner":242,"githubRepo":243,"locale":18,"slug":276,"type":244},{"evaluate":389,"extract":392},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":390,"targetMarket":249,"tier":215},[212,211,214,391],"analysis",{"commitSha":251,"license":236},{"repoId":253,"translatedFrom":394},"k175cp8c6m1kknsf9yhd75swn586m4hj",[391,214,211,212],{"evaluatedAt":397,"extractAt":376,"updatedAt":398},1778697246983,1778697371856,{"_creationTime":400,"_id":401,"community":402,"display":403,"identity":409,"providers":413,"relations":422,"tags":425,"workflow":426},1778695548458.4001,"k170asnajd0vcr51hwhfy4t0t986m5bh",{"reviewCount":8},{"description":404,"installMethods":405,"name":407,"sourceUrl":408},"Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.\n",{"claudeCode":406},"pjt222/agent-almanac","setup-tailwind-typescript","https://github.com/pjt222/agent-almanac",{"basePath":410,"githubOwner":411,"githubRepo":412,"locale":272,"slug":407,"type":244},"skills/setup-tailwind-typescript","pjt222","agent-almanac",{"evaluate":414,"extract":421},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":415,"targetMarket":249,"tier":215},[416,417,210,213,418,419,420],"tailwind","typescript","configuration","react","nextjs",{"commitSha":251},{"parentExtensionId":423,"repoId":424},"k170h0janaa9kwn7cfgfz2ykss86mmh9","kd7aryv63z61j39n2td1aeqkvh86mh12",[418,210,420,419,213,416,417],{"evaluatedAt":427,"extractAt":428,"updatedAt":427},1778701490050,1778695548458,{"_creationTime":430,"_id":431,"community":432,"display":433,"identity":437,"providers":439,"relations":447,"tags":448,"workflow":449},1778695548458.4048,"k17e5nn93syzxrybh3he9fz5eh86nbme",{"reviewCount":8},{"description":434,"installMethods":435,"name":436,"sourceUrl":408},"Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.\n",{"claudeCode":406},"teach-guidance",{"basePath":438,"githubOwner":411,"githubRepo":412,"locale":272,"slug":436,"type":244},"skills/teach-guidance",{"evaluate":440,"extract":446},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":441,"targetMarket":249,"tier":215},[442,443,212,214,444,445],"teaching","coaching","explanation","guidance",{"commitSha":251},{"parentExtensionId":423,"repoId":424},[443,214,444,445,212,442],{"evaluatedAt":450,"extractAt":428,"updatedAt":450},1778701952682,{"_creationTime":452,"_id":453,"community":454,"display":455,"identity":461,"providers":465,"relations":477,"tags":480,"workflow":481},1778675056600.247,"k170ey9h690y3xt2xscttbbrg986nyca",{"reviewCount":8},{"description":456,"installMethods":457,"name":459,"sourceUrl":460},"Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like \"make it feel alive\", \"Apple-style animation\", \"sections that overlap\", \"product rises between sections\", \"immersive\", \"scrollytelling\", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.\n",{"claudeCode":458},"alirezarezvani/claude-skills","epic-design","https://github.com/alirezarezvani/claude-skills",{"basePath":462,"githubOwner":463,"githubRepo":464,"locale":272,"slug":459,"type":244},"engineering-team/skills/epic-design","alirezarezvani","claude-skills",{"evaluate":466,"extract":476},{"promptVersionExtension":203,"promptVersionScoring":204,"score":467,"tags":468,"targetMarket":249,"tier":215},99,[469,470,471,211,210,472,473,474,475],"web-design","2-5d","animation","javascript","gsap","performance","accessibility",{"commitSha":251},{"parentExtensionId":478,"repoId":479},"k179s2ynpr6g927zdzf23zrhad86net8","kd7ff9s1w43mfyy1n7hf87816186m6px",[470,475,471,210,473,211,472,474,469],{"evaluatedAt":482,"extractAt":483,"updatedAt":482},1778683195692,1778675056600,{"_creationTime":485,"_id":486,"community":487,"display":488,"identity":494,"providers":498,"relations":506,"tags":509,"workflow":510},1778691497595.969,"k17c6btz275gr9e54034cen2ed86mzh0",{"reviewCount":8},{"description":489,"installMethods":490,"name":492,"sourceUrl":493},"Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, infographics, and optional bottom citations for external links. Use when user asks for \"markdown to html\", \"convert md to html\", \"md 转 html\", \"微信外链转底部引用\", or needs styled HTML output from markdown.",{"claudeCode":491},"jimliu/baoyu-skills","baoyu-markdown-to-html","https://github.com/jimliu/baoyu-skills",{"basePath":495,"githubOwner":496,"githubRepo":497,"locale":272,"slug":492,"type":244},"skills/baoyu-markdown-to-html","jimliu","baoyu-skills",{"evaluate":499,"extract":505},{"promptVersionExtension":203,"promptVersionScoring":204,"score":500,"tags":501,"targetMarket":249,"tier":215},98,[502,211,503,504,210],"markdown","conversion","templating",{"commitSha":251},{"parentExtensionId":507,"repoId":508},"k172q4hxm2acmg5ree5aeemx1x86m6hx","kd718jn448p61w289hzf15tecd86n3a4",[503,210,211,502,504],{"evaluatedAt":511,"extractAt":512,"updatedAt":511},1778691853146,1778691497596,{"_creationTime":514,"_id":515,"community":516,"display":517,"identity":523,"providers":528,"relations":539,"tags":541,"workflow":542},1778687399826.028,"k172xff7eexbyk0tspm28rsjcs86mp74",{"reviewCount":8},{"description":518,"installMethods":519,"name":521,"sourceUrl":522},"Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.",{"claudeCode":520},"github/awesome-copilot","Web Coder","https://github.com/github/awesome-copilot",{"basePath":524,"githubOwner":525,"githubRepo":526,"locale":272,"slug":527,"type":244},"skills/web-coder","github","awesome-copilot","web-coder",{"evaluate":529,"extract":538},{"promptVersionExtension":203,"promptVersionScoring":204,"score":500,"tags":530,"targetMarket":249,"tier":215},[531,211,210,472,532,533,534,535,536,474,475,537],"web-development","frontend","backend","apis","protocols","standards","security",{"commitSha":251,"license":236},{"repoId":540},"kd7dsmv976w8rtkqnjjfdtfgks86nnmw",[475,534,533,210,532,211,472,474,535,537,536,531],{"evaluatedAt":543,"extractAt":544,"updatedAt":543},1778689563042,1778687399826]