技能 shape
📦
shape
v2.1.1 內容修訂 r1 安全 ⚙️ 外部命令
建置前先規劃 UX
團隊常在釐清使用者目標、狀態與限制之前就開始建置介面。此技能會引導探索流程，並產出可供實作使用的設計簡報。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "shape" from https://skillstore.io/skills/pbakaus-shape.md and its manifest at https://skillstore.io/api/skills/pbakaus-shape/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「shape」。 Plan a filter panel for a reporting dashboard.
預期結果:
- 說明誰會使用此面板，以及它支援哪些決策的功能摘要。
- 聚焦於快速縮小報表範圍且不失去脈絡的主要動作。
- 涵蓋無篩選條件、多個篩選條件、已儲存篩選條件、錯誤與行動裝置使用的關鍵狀態。
- 關於預設篩選條件、權限與匯出行為的開放問題。
正在使用「shape」。 Shape an onboarding checklist for a collaboration tool.
預期結果:
- 感覺沉著、以進度為導向且輕量的設計方向。
- 強調下一個最佳動作與已完成里程碑的版面策略。
- 用於完成、略過與返回檢查清單項目的互動模型。
- 標籤、進度文字、空狀態與成功訊息的內容需求。
正在使用「shape」。 Create a brief for a mobile account security screen.
預期結果:
- 聚焦於理解帳戶風險並採取一項安全步驟的主要使用者動作。
- 涵蓋安全、警告、嚴重問題、載入與驗證失敗情境的狀態。
- 針對清楚狀態語言、觸控目標與非顏色指示器的無障礙注意事項。
安全審計
安全v4 • 2026/7/6 開啟版本化報告
The reported backtick pattern in SKILL.md is Markdown inline formatting around a file name, not shell execution. The skill is prompt-only and focuses on discovery questions and a design brief. No semantic security findings were identified.
1
已掃描檔案
96
分析行數
0
複核項目
0
已忽略的誤報
風險因素
⚙️ 外部命令 (1)
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/pbakaus-shape/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/pbakaus-shape?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/pbakaus-shape?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-shape/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/pbakaus-shape.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 引用
pbakaus. (2026). shape security audit report (audit version 4) [Author version 2.1.1]. Skillstore. https://skillstore.io/skills/pbakaus-shape/audits/4BibTeX 引用
@techreport{pbakaus-pbakaus-shape-2026,
author = {pbakaus},
title = {shape security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-shape/audits/4},
note = {Author version 2.1.1}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "shape security audit report (audit version 4)"
version: "2.1.1"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-shape/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-shape:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高 55
架構
100
可維護性
87
內容
68
社群
100
規範符合度
你可以打造什麼
塑造新產品功能
在開始實作前，釐清受眾、目標、邊界情境與成功標準。
將模糊需求轉成簡報
將寬泛的 UI 需求轉換為包含狀態與互動指引的實用設計計畫。
準備設計交接
建立精簡簡報，對齊視覺方向、版面策略、內容需求與開放問題。
試試這些提示
規劃簡單功能
Use shape to plan a profile settings page for a small team app. Ask discovery questions before creating the brief.
定義狀態與內容
Use shape to plan a notification center. Focus on empty, loading, error, high-volume, and first-time states.
準備實作交接
Use shape to create a design brief for a billing dashboard. Include layout strategy, interactions, content requirements, and open questions.
塑造複雜重新設計
Use shape to plan a mobile-first redesign of a project overview page. Account for existing patterns, localization, performance, and accessibility.
最佳實務
- 在做出實作決策前使用此技能。
- 盡可能提供具體的使用者角色、資料範圍、限制與範例。
- 在交給實作工作流程前，先審閱並確認簡報。
避免
- 不要要求它直接撰寫 production code。
- 不要跳過探索流程並立即要求完成版面。
- 在需要專案設計脈絡時，不要在缺少該脈絡的情況下使用它。
常見問題
這項技能會產出什麼？
它會在實作開始前，為功能產出結構化設計簡報。
它會寫程式碼嗎？
不會。它會規劃 UX 與 UI 方向，然後為後續實作準備指引。
我應該何時使用它？
在規劃期間，也就是版面、元件與互動決策被定案之前使用它。
我應該提供哪些資訊？
請提供功能目標、目標使用者、限制、資料範圍、範例與已知反目標。
它如何使用專案設計脈絡？
它會參考既有 /impeccable 脈絡，並在缺少該脈絡時要求設定。
我可以搭配 Claude、Codex 和 Claude Code 使用它嗎？
可以。報告列出對 Claude、Codex 與 Claude Code 的支援。