スキル frontend-types

📦

frontend-types

Name: frontend-types
Author: Asmayaseen

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

建立前端 TypeScript 型別

前端專案需要一致的 API 與表單型別。此技能會依據現有前端，引導 TypeScript interface、union、generic 與命名模式。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

Maintain this Skill? Claim it 🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "frontend-types" from https://skillstore.io/skills/asmayaseen-frontend-types.md and its manifest at https://skillstore.io/api/skills/asmayaseen-frontend-types/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/asmayaseen-frontend-types.md 署名済み manifest GET /api/skills/asmayaseen-frontend-types/manifest 署名済み lockfile GET /api/skills/asmayaseen-frontend-types/lockfile

テストする

「frontend-types」を使用しています。要求為 categories 新增前端型別。

期待される結果:

此技能會建議符合現有命名規則的 entity 結構、可編輯表單欄位、query parameters 與 API 使用指引。

「frontend-types」を使用しています。要求為分頁 task list response 加上型別。

期待される結果:

此技能會建議可重用的 pagination wrapper、具型別的資料集合，以及用於頁數與限制的 metadata 欄位。

「frontend-types」を使用しています。要求檢視 login 與 session 型別。

期待される結果:

此技能會檢查 authentication responses 是否包含 success state、token data、user data 與 session expiration fields。

セキュリティ監査

安全

v8 • 2026/7/6 バージョン別レポートを開く

All 84 static findings are false positives caused by Markdown backticks in SKILL.md. The skill contains TypeScript documentation and examples, with no executable shell, Ruby, network, filesystem, environment access, or prompt-injection behavior. No semantic security findings were identified.

スキャンされたファイル

397

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (84)

SKILL.md:3 SKILL.md:8 SKILL.md:12 SKILL.md:14 SKILL.md:18-35 SKILL.md:35-38 SKILL.md:38-39 SKILL.md:39-40 SKILL.md:40-45 SKILL.md:45-77 SKILL.md:77-80 SKILL.md:80-81 SKILL.md:81-82 SKILL.md:82 SKILL.md:88-109 SKILL.md:109-112 SKILL.md:112-113 SKILL.md:113-114 SKILL.md:114-115 SKILL.md:115 SKILL.md:116-120 SKILL.md:120-132 SKILL.md:132-135 SKILL.md:135-136 SKILL.md:136-137 SKILL.md:137-138 SKILL.md:138-142 SKILL.md:142-153 SKILL.md:153-156 SKILL.md:156-157 SKILL.md:157-158 SKILL.md:158-162 SKILL.md:162-173 SKILL.md:173-176 SKILL.md:176-177 SKILL.md:177-178 SKILL.md:178-179 SKILL.md:179-183 SKILL.md:183-191 SKILL.md:191-194 SKILL.md:194-195 SKILL.md:195-202 SKILL.md:202 SKILL.md:203 SKILL.md:206 SKILL.md:207 SKILL.md:210 SKILL.md:211-214 SKILL.md:214 SKILL.md:215-218 SKILL.md:218-219 SKILL.md:219-227 SKILL.md:227-244 SKILL.md:244-253 SKILL.md:253-276 SKILL.md:276-281 SKILL.md:281-282 SKILL.md:282-286 SKILL.md:286-288 SKILL.md:288-293 SKILL.md:293-297 SKILL.md:297-299 SKILL.md:299-302 SKILL.md:302-308 SKILL.md:308-313 SKILL.md:313-317 SKILL.md:317-319 SKILL.md:319-324 SKILL.md:324-332 SKILL.md:332-341 SKILL.md:341-345 SKILL.md:345-350 SKILL.md:350-354 SKILL.md:354-360 SKILL.md:360-364 SKILL.md:364-371 SKILL.md:371-380 SKILL.md:380-381 SKILL.md:381-382 SKILL.md:382-386 SKILL.md:386-387 SKILL.md:387-388 SKILL.md:388-389 SKILL.md:389-395

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/asmayaseen-frontend-types/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/asmayaseen-frontend-types/security.svg)](https://skillstore.io/skills/asmayaseen-frontend-types?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/asmayaseen-frontend-types?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/asmayaseen-frontend-types/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/asmayaseen-frontend-types.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形式の引用

Asmayaseen. (2026). frontend-types security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/asmayaseen-frontend-types/audits/8

BibTeX形式の引用

@techreport{asmayaseen-asmayaseen-frontend-types-2026,
  author = {Asmayaseen},
  title = {frontend-types security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/asmayaseen-frontend-types/audits/8},
  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: "frontend-types security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
  - name: "Asmayaseen"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/asmayaseen-frontend-types/audits/8"
identifiers:
  - type: other
    value: "skillstore:asmayaseen-frontend-types:audit:8"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

新增實體型別

前端開發者可以為新的後端 entity 建立 response、form data 與 query parameter 型別。

檢視 API 合約形狀

全端工程師可以在串接 API 呼叫前，比較後端欄位名稱與前端型別定義。

標準化元件 Props

UI 工程師可以定義符合現有命名與 optional fields 的 props 與 state 型別。

これらのプロンプトを試す

建立基本實體型別

Create frontend TypeScript types for a new entity named Project. Follow the frontend-types skill patterns and explain required versus optional fields.

讓表單與 API 資料對齊

Compare my API response fields and form fields for Task. Recommend TypeScript types that keep API fields exact and form fields easy to use.

設計分頁 API 型別

Design reusable response and query parameter types for a paginated list of categories. Use generics and optional query fields.

稽核跨功能的型別覆蓋範圍

Review these planned frontend features and identify missing entity, form data, query parameter, response, error, and UI state types.

ベストプラクティス

讓 API response 型別與後端欄位名稱保持一致。
針對可編輯欄位使用 form data 型別，而不是重用完整 API entities。
為常見的 response 與 pagination 形狀定義可重用的 generics。

回避

不要在共用 response 型別中重新命名 API response 欄位。
當 UI 可以提交部分資料時，不要將每個表單欄位都設為必填。
不要對 API responses、errors 或 form values 使用寬泛的 any 型別。

よくある質問

這個技能能協助建立什麼？

它能協助為 API data、forms、queries、responses、authentication、errors 與 UI state 建立前端 TypeScript 型別。

它會自動變更專案檔案嗎？

不會。它提供建立或檢視前端型別定義的指引與範例。

為什麼要讓 API response 欄位保持 snake_case？

此技能建議精確符合後端 responses，讓 API contracts 保持清楚且可預測。

表單資料可以使用 camelCase 嗎？

可以。此技能建議在 API 呼叫前轉換資料時，使用對前端友善的表單欄位名稱。

它支援 generic response types 嗎？

支援。它展示了使用 generic type parameters 的可重用 API 與 pagination response 模式。

我可以在 Claude、Codex 和 Claude Code 中使用它嗎？

可以。報告標示此技能相容於 Claude、Codex 與 Claude Code。

開発者情報

作成者

Asmayaseen

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/Asmayaseen/hackathon-2/tree/main/.claude/skills/frontend-types

参照

c4231f0153ccd2a2ed62274c5a372bf8f2386d3f

メンテナンスの新しさ

2026/7/18

利用状況

7 ダウンロード · 322 閲覧

ファイル構成

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.

コーディング＆開発表示

frontend-types

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

新增實體型別

檢視 API 合約形狀

標準化元件 Props

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

Asmayaseen のその他のスキル

tool-design

systematic-debugging

operating-production-services

styling-with-shadcn

streaming-llm-responses

context-degradation

関連スキル

vue-options-api-best-practices

senior-frontend

typescript-expert

playwright-testing

python-typing-patterns

nestjs-code-audit