blog-writer
74為 Next.js 建立 SEO 部落格文章
當每篇文章使用不同欄位、語氣與 SEO 詳細資訊時,部落格團隊往往會失去一致性。此技能會引導 Claude、Codex 或 Claude Code 撰寫符合現有 Next.js BlogPost 模式的文章草稿。
使用 Chrome DevTools 偵錯 Web 應用程式
前端錯誤可能很難只靠程式碼重現。這項技能會引導 Claude、Codex 和 Claude Code 透過 Chrome DevTools MCP 收集證據。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "dev-tools-skill" from https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill.md and its manifest at https://skillstore.io/api/skills/eccentric-jamaican-dev-tools-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「dev-tools-skill」を使用しています。 我的產品頁面載入後是空白畫面。
期待される結果:
主控台顯示載入期間的第一個應用程式錯誤。可能原因是在 render 前缺少資料。建議修正:保護 component state,並透過重新載入驗證。
「dev-tools-skill」を使用しています。 登陸頁首次載入時感覺很慢。
期待される結果:
追蹤結果指出大型 hero image 導致 LCP 緩慢。建議修正:提供響應式圖片尺寸,並延後載入非關鍵 scripts。
「dev-tools-skill」を使用しています。 dashboard 登入成功,但沒有顯示任何資料。
期待される結果:
失敗的請求回傳授權錯誤。建議修正:驗證 auth header 和 token refresh path,然後重新測試流程。
All static findings were false positives caused by Markdown inline code for DevTools MCP tool names or benign debugging guidance. No prompt injection, data exfiltration intent, or malicious automation instructions were found. The skill emphasizes evidence gathering, read-only inspection where possible, and confirmation before destructive actions.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eccentric-jamaican-dev-tools-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Eccentric-jamaican. (2026). dev-tools-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8@techreport{eccentric-jamaican-eccentric-jamaican-dev-tools-skill-2026,
author = {Eccentric-jamaican},
title = {dev-tools-skill security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "dev-tools-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Eccentric-jamaican"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8"
identifiers:
- type: other
value: "skillstore:eccentric-jamaican-dev-tools-skill:audit:8"
description: "Skillstore immutable audit report identifier"
檢查快照、螢幕截圖、計算樣式和瀏覽器互動,以找出版面或點擊問題。
檢視主控台錯誤和網路請求,以識別失敗的端點、payload 問題或 CORS 問題。
執行效能追蹤、分析主要洞察,並將其連結到資產、script 或版面瓶頸。
使用 DevTools skill 檢查此頁面,並說明為什麼按鈕沒有回應。請用白話描述每個步驟。
使用 DevTools skill 檢視此登入流程失敗的主控台和網路證據。找出第一個失敗的請求,並建議最小幅度的修正。
使用 DevTools skill 搭配重新載入執行效能追蹤,識別最重要的洞察,並將其連結到網路或版面證據。
使用 DevTools skill 比較桌面和行動版面、檢查計算樣式、重現互動,並提出可復原的修補計畫。
ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
30c73eac2afe762f6aa9c4553158769369d47351
メンテナンスの新しさ
2026/7/22
利用状況
12 ダウンロード · 237 閲覧
ファイル構成
Build Interactive Three.js Scenes
作成者 freshtechbro
Building browser-based 3D scenes requires coordinating rendering, assets, interaction, and performance. This skill provides Three.js examples, reference guides, and a WebGL starter to support implementation.
改善 Vue 3 程式碼品質
作成者 vuejs-ai
Vue 專案常會隨時間累積響應性、元件和效能方面的錯誤。此技能提供針對性的 Vue 3 指引,協助採用更安全的模式並寫出更清晰的程式碼。
透過 Profiling 優化 Go 效能
作成者 89jobrien
Go 服務在缺乏明確證據時,可能會變得緩慢或耗用大量記憶體。此 skill 會引導 profiling、配置分析、並行調校,以及以 benchmark 驅動的優化。
建構更好的 SwiftUI 功能
作成者 avdlee
SwiftUI 專案可能會累積已棄用的 API、脆弱的狀態,以及緩慢的視圖更新。這項技能針對現代、可維護的 SwiftUI 程式碼提供聚焦指引。
設計可靠的代理工具
作成者 Asmayaseen
當工具名稱、輸入、輸出或錯誤含糊不清時,代理就會失敗。此技能提供工具描述、結構描述、回應格式與測試的實用模式。
建置可用於正式環境的前端功能
作成者 davila7
前端團隊需要在各專案之間保持一致的 React 和 Next.js 指引。此技能提供前端分析的參考工作流程、品質實務和輔助腳本。