ux-designer
80透過研究導向的設計指引改善 UX
團隊常根據假設設計流程,並忽略無障礙問題。此技能運用 UX 最佳實務,指導研究、結構、互動設計與審查。
使用 mcp-use 建置 MCP Apps
MCP server 專案需要針對 tools、resources、prompts、widgets、authentication 和 deployment 採用一致的模式。這項技能會在實作前,引導 Claude、Codex 和 Claude Code 查閱 mcp-use 參考資料。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "mcp-apps-builder" from https://skillstore.io/skills/shubhamsaboo-mcp-apps-builder.md and its manifest at https://skillstore.io/api/skills/shubhamsaboo-mcp-apps-builder/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「mcp-apps-builder」。 建立一個帶有視覺化清單 widget 的 todo MCP server。
預期結果:
正在使用「mcp-apps-builder」。 將 Supabase authentication 加入我既有的 MCP server。
預期結果:
正在使用「mcp-apps-builder」。 部署前審查這個 server。
預期結果:
The package contains Markdown reference material and no executable skill scripts. All static hits were reviewed as documentation examples, relative reference links, or benign mcp-use patterns; no prompt-injection text or data-exfiltration intent was found.
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/shubhamsaboo-mcp-apps-builder/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/shubhamsaboo-mcp-apps-builder?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/shubhamsaboo-mcp-apps-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shubhamsaboo-mcp-apps-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/shubhamsaboo-mcp-apps-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>shubhamsaboo. (2026). mcp-apps-builder security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shubhamsaboo-mcp-apps-builder/audits/2@techreport{shubhamsaboo-shubhamsaboo-mcp-apps-builder-2026,
author = {shubhamsaboo},
title = {mcp-apps-builder security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/shubhamsaboo-mcp-apps-builder/audits/2},
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: "mcp-apps-builder security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
- name: "shubhamsaboo"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/shubhamsaboo-mcp-apps-builder/audits/2"
identifiers:
- type: other
value: "skillstore:shubhamsaboo-mcp-apps-builder:audit:2"
description: "Skillstore immutable audit report identifier"
每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。
為何此變體排名第一
shubhamsaboo-mcp-apps-builder
2026-09-09
使用 foundation 參考資料來 scaffold 一個 mcp-use server,並選擇第一批 tools、resources 或 widgets。
在加入受保護 tools 前,遵循 WorkOS、Supabase 或 custom OAuth 的 provider-specific 指引。
將既有 server 與 mcp-use 的 responses、widgets、state 和 deployment readiness 模式進行比較。
使用 mcp-apps-builder 規劃一個用於天氣 assistant 的新 mcp-use MCP server。先閱讀 foundation 參考資料,然後列出設定步驟和第一批功能選擇。
使用 mcp-apps-builder 在既有 mcp-use server 中加入一個已驗證的 tool。選擇正確的 authentication 參考資料,並說明必要的 environment settings。
使用 mcp-apps-builder 設計一個用於瀏覽 records 的互動式 widget。在提出實作計畫前,先閱讀 widget basics、state、interactivity 和 UI 指引。
使用 mcp-apps-builder 審查 production mcp-use server 的 response helpers、authentication、widgets、deployment settings 和常見 anti-patterns。回傳依優先順序排列的修正項目。
作者
shubhamsaboo授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
412e23e39ccd9729546286287b96bb41707397cf
維護新鮮度
2026/7/18
使用量
1 次下載 · 0 次瀏覽
透過研究導向的設計指引改善 UX
團隊常根據假設設計流程,並忽略無障礙問題。此技能運用 UX 最佳實務,指導研究、結構、互動設計與審查。
更快速分析學術研究
學術研究任務通常需要仔細閱讀、綜合整理與嚴謹引用。此技能可協助以一致的學術標準組織論文評論、文獻摘要與學術寫作。
以清晰任務與里程碑規劃專案
複雜專案難以界定範圍、安排順序與估算。此技能會將目標轉換為里程碑、任務表、相依性、風險與檢查點。
透過清晰編輯改善寫作
不清楚的文字可能掩蓋好想法並拖慢審閱速度。此技能會編輯文法、語氣、結構與精簡度,產出更乾淨的草稿。
評估策略性商業決策
策略性選擇往往缺乏對選項、風險與成功衡量標準的清楚比較。此技能會將決策結構化為分析、建議、路線圖與指標。
建置全端 Web 應用程式
當前端、API、資料庫和部署選擇被分開處理時,團隊會浪費時間。此技能會引導 Claude、Codex 和 Claude Code 進行全端應用程式規劃與實作。
提升 Playwright 測試覆蓋率
由 C0ntr0lledCha0s
當設定、定位器和 fixtures 不一致時,Playwright 測試套件可能會變得不穩定。此技能提供可靠瀏覽器測試、除錯和可重用 page objects 的實用模式。
Audit NestJS Code with Evidence-Backed Findings
由 amirtaherkhani
NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.
使用 starknet.js 建置 Starknet 應用程式
由 internet-court
Starknet 整合需要精確處理提供者、帳戶、交易與費用。此技能為 Claude、Codex 與 Claude Code 提供實用的 starknet.js v9 模式。
改善 Vue 3 程式碼品質
由 vuejs-ai
Vue 專案常會隨時間累積響應性、元件和效能方面的錯誤。此技能提供針對性的 Vue 3 指引,協助採用更安全的模式並寫出更清晰的程式碼。
建構型別安全的 React 元件
由 softaworks
React TypeScript 工作經常需要精確的事件、hook 與路由型別。此 skill 提供型別化元件、React 19 APIs 與路由的聚焦模式。
改善 Vue Options API 元件
由 vuejs-ai
Vue Options API 專案可能會失去型別安全性與正確的 this 綁定。此技能提供更安全 Vue 元件的直接模式。