github-code Web元件
Simon Willison使用GPT-5.5構建了一個實驗性的Web元件，名為github-code。該元件可以將GitHub程式碼連結轉換為raw.githubusercontent.com的URL，並透過fetch()獲取並顯示指定行範圍的程式碼，帶有行號但無語法高亮。
近日，Simon Willison釋出了一個實驗性的Web元件——github-code。該元件由GPT-5.5根據一段提示詞自動生成，旨在簡化在網頁中嵌入GitHub程式碼片段的過程。其核心功能是：接收類似GitHub blob的URL，自動將其轉換為對應的raw.githubusercontent.com連結，然後透過fetch()獲取原始檔案內容，並僅顯示使用者指定的行號範圍。
值得注意的是，該元件目前僅顯示行號，而不提供語法高亮功能。Willison透過一個示例展示了其用法：使用<github-code>標籤並指定href屬性，即可在頁面中嵌入程式碼片段。這一工具對於開發者撰寫技術部落格或文件時引用程式碼尤為實用，因為它無需手動複製程式碼，也避免了維護同步更新的問題。
雖然該元件尚處於實驗階段，但它展示了AI輔助程式設計的潛力——僅透過自然語言描述，GPT-5.5就能生成一個功能完整的Web元件。Willison將完整原始碼託管在GitHub上，供社群測試和改進。隨著Web元件標準的普及，這類工具可能會成為未來網站開發中的常見元素。