gpt-taste
建立富含動效的前端頁面
一般 AI 頁面經常重複薄弱的版面配置。此技能會引導 Claude、Codex 和 Claude Code 朝向多樣化的編輯風格 UI、GSAP 動效，以及更嚴格的視覺檢查。
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "gpt-taste" from https://skillstore.io/skills/leonxlnx-gpt-taste.md and its manifest at https://skillstore.io/api/skills/leonxlnx-gpt-taste/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「gpt-taste」。 一位 SaaS 創辦人要求為分析產品製作發布頁。
預期結果:
此技能會指示使用寬版 hero、兩個清楚的 CTA、密集功能格網，以及帶有捲動動效的 pinned 證明區段。
正在使用「gpt-taste」。 一位前端工程師想為作品集頁面加入更強的動效。
預期結果:
此技能會建議圖片縮放揭示、hover 轉換，以及檢查間距、按鈕對比和格網密度的預檢計畫。
正在使用「gpt-taste」。 一位設計師要求減少制式化的 AI 版面選擇。
預期結果:
此技能會強制在助理撰寫 UI 前，先進行確定性的版面變化、字體選擇和元件選擇。
安全審計
安全Most external-command alerts are false positives caused by Markdown inline code in design instructions, not executable backtick usage. One low-severity network issue is confirmed because SKILL.md directs generated UIs to load images from picsum.photos. No prompt injection text or data exfiltration intent was found.
能力複核項目 (1)
這些是真實的本機能力，對此技能而言可能是預期行為，因此需要複核，但不會按已確認的惡意行為計分。
風險因素
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/leonxlnx-gpt-taste/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/leonxlnx-gpt-taste?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/leonxlnx-gpt-taste?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-gpt-taste/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/leonxlnx-gpt-taste.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
leonxlnx. (2026). gpt-taste security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-gpt-taste/audits/6BibTeX 引用
@techreport{leonxlnx-leonxlnx-gpt-taste-2026,
author = {leonxlnx},
title = {gpt-taste security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/leonxlnx-gpt-taste/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "gpt-taste security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/leonxlnx-gpt-taste/audits/6"
identifiers:
- type: other
value: "skillstore:leonxlnx-gpt-taste:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高你可以打造什麼
設計代理商登陸頁
建立精緻的登陸頁簡報，包含強烈的 hero 排版、清晰的 AIDA 流程和動效方向。
新創產品發布
將產品概念轉換為高級 React 頁面規劃，包含 CTA、bento 區段和動畫化的證明重點。
前端動效原型
引導實作 ScrollTrigger 區段、hover 狀態和圖片揭示效果，以供原型審查。
試試這些提示
使用 gpt-taste 為 [product] 設計單頁 React 登陸頁。包含導覽、hero、功能區段、動效區段和頁尾。
審查我目前針對 [brand] 的頁面方向。套用寬版 hero 規則、按鈕對比檢查和無縫 bento 格網指引。
為 [page type] 設計互動計畫。選擇兩種 GSAP 捲動模式，並說明它們如何支援 AIDA 區段。
在為 [project] 產生程式碼前，產出設計計畫，包含確定性的版面選擇、格網密度檢查和對比檢查。
最佳實務
- 在接受產生的 UI 程式碼前，將設計計畫作為審查步驟。
- 在正式環境前，將 placeholder 圖片 URL 替換為核准的品牌資產。
- 在實作期間檢查動效效能和 reduced-motion 行為。
避免
- 不要將此技能用於需要克制版面的密集型營運儀表板。
- 不要把模擬的規劃聲稱當作程式碼已執行的證明。
- 未經核准不要發布遠端 placeholder 圖片。