スキル frontend-dev
📦

frontend-dev

v1.0.0 コンテンツリビジョン r2 高リスク ⚙️ 外部コマンド🔑 環境変数📁 ファイルシステムへのアクセス🌐 ネットワークアクセス⚡ スクリプトを含む

動き豊かなフロントエンドページを構築

現代のフロントエンド作業では、デザイン、モーション、メディア、コピーを一体として調和させる必要があります。このスキルは、アセット生成、アニメーションパターン、品質チェックを含む完全なページ構築をガイドします。

対応: Claude Codex Code(CC)
⚠️ 38 不十分

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

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

エージェントリクエスト
Review the Skillstore skill "frontend-dev" from https://skillstore.io/skills/minimax-ai-frontend-dev.md and its manifest at https://skillstore.io/api/skills/minimax-ai-frontend-dev/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

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

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

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

Markdown詳細 GET /skills/minimax-ai-frontend-dev.md 署名済み manifest GET /api/skills/minimax-ai-frontend-dev/manifest 署名済み lockfile GET /api/skills/minimax-ai-frontend-dev/lockfile

テストする

「frontend-dev」を使用しています。 新しいフィットネスアプリのヒーローページを構築してください。

期待される結果:

大胆なビジュアル方針、コンバージョン向けコピー、ローカルのヒーロー画像要件、アニメーション選択、レスポンシブ品質ゲートを含む完全なページ計画。

「frontend-dev」を使用しています。 ブラウザコントロール付きのジェネラティブポスターを作成してください。

期待される結果:

洗練されたインタラクティブ作品のためのコンセプト文、シード付きパラメータ計画、p5.jsビューアーアプローチ、フォント選択、改善メモ。

「frontend-dev」を使用しています。 製品ストーリーに映画的なスクロールモーションを追加してください。

期待される結果:

GSAPスクロールセクション、Framer UIトランジション、アクセシビリティ制御、パフォーマンス制限を分離したモーションアーキテクチャ。

セキュリティ監査

高リスク
v7 • 2026/8/9 バージョン別レポートを開く

Most static alerts are false positives from Markdown, license text, normal media writes, and documented MiniMax API access. Confirmed risks include terminal key disclosure, unrestricted lyrics-file upload, and bearer credentials sent to an unvalidated API base.

44
スキャンされたファイル
6,382
解析済み行数
1
レビュー項目
0
誤検知を無視

確認済みのセキュリティ上の懸念 (2)

高
scripts/minimax_music.py:113-125scripts/minimax_music.py:64-69
Arbitrary Local File Sent as Lyrics
The music CLI reads any --lyrics-file path and submits its contents to MiniMax, which can expose unrelated local files.
The CLI accepts an unrestricted path, reads it verbatim, and includes the resulting lyrics in the external API request.
高
scripts/minimax_image.py:20-34scripts/minimax_music.py:21-24scripts/minimax_music.py:64-69scripts/minimax_tts.py:21-24scripts/minimax_tts.py:66-69scripts/minimax_video.py:21-33
Bearer Credential Sent to Configurable Endpoint
Each script accepts any MINIMAX_API_BASE value and sends MINIMAX_API_KEY as a bearer token, enabling credential disclosure to a misconfigured endpoint.
The destination is fully environment-controlled while authorization headers always contain the API key. No scheme or hostname validation is present.
機能レビュー項目 (1)

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

高
references/troubleshooting.md:22
Generic API/secret keys
echo $MINIMAX_API_KEY
The troubleshooting command prints the full API key to the terminal, where logs or transcripts may retain it. Key presence should be checked without revealing its value.

リスク要因

⚙️ 外部コマンド (50)
references/env-setup.md:18 references/motion-recipes.md:278-293 references/motion-recipes.md:355-368 references/motion-recipes.md:368-378 references/troubleshooting.md:32 scripts/minimax_music.py:5 scripts/minimax_tts.py:5 SKILL.md:33-35 SKILL.md:35-41 SKILL.md:41-64 SKILL.md:64-72 SKILL.md:72-84 SKILL.md:84-86 SKILL.md:86-92 SKILL.md:92 SKILL.md:93 SKILL.md:94 SKILL.md:95 SKILL.md:96 SKILL.md:100-111 SKILL.md:111-115 SKILL.md:115-127 SKILL.md:127-131 SKILL.md:131-143 SKILL.md:143-147 SKILL.md:147-156 SKILL.md:156-158 SKILL.md:158 SKILL.md:179-189 SKILL.md:189 SKILL.md:209-210 SKILL.md:210-211 SKILL.md:211-213 SKILL.md:213 SKILL.md:214 SKILL.md:219 SKILL.md:222 SKILL.md:223-224 SKILL.md:224-228 SKILL.md:228 SKILL.md:229 SKILL.md:231 SKILL.md:232 SKILL.md:256 SKILL.md:257-258 SKILL.md:258-260 SKILL.md:260 SKILL.md:263-272 SKILL.md:272 SKILL.md:273
🔑 環境変数 (42)
references/env-setup.md:6 references/minimax-cli-reference.md:3 references/troubleshooting.md:7 references/troubleshooting.md:19 references/troubleshooting.md:22 scripts/minimax_image.py:20 scripts/minimax_image.py:23 scripts/minimax_image.py:20 scripts/minimax_image.py:23 scripts/minimax_image.py:11 scripts/minimax_image.py:20 scripts/minimax_image.py:31 scripts/minimax_image.py:32 scripts/minimax_image.py:34 scripts/minimax_music.py:21 scripts/minimax_music.py:24 scripts/minimax_music.py:21 scripts/minimax_music.py:24 scripts/minimax_music.py:12 scripts/minimax_music.py:21 scripts/minimax_music.py:42 scripts/minimax_music.py:43 scripts/minimax_music.py:67 scripts/minimax_tts.py:21 scripts/minimax_tts.py:24 scripts/minimax_tts.py:21 scripts/minimax_tts.py:24 scripts/minimax_tts.py:12 scripts/minimax_tts.py:21 scripts/minimax_tts.py:44 scripts/minimax_tts.py:45 scripts/minimax_tts.py:69 scripts/minimax_video.py:21 scripts/minimax_video.py:24 scripts/minimax_video.py:21 scripts/minimax_video.py:24 scripts/minimax_video.py:11 scripts/minimax_video.py:21 scripts/minimax_video.py:30 scripts/minimax_video.py:31 scripts/minimax_video.py:33 SKILL.md:385
📁 ファイルシステムへのアクセス (16)
references/minimax-cli-reference.md:82 references/minimax-cli-reference.md:114 references/minimax-cli-reference.md:131 references/minimax-music-guide.md:29 references/minimax-tts-guide.md:37 scripts/minimax_image.py:88 scripts/minimax_image.py:80 scripts/minimax_image.py:119 scripts/minimax_image.py:97 scripts/minimax_music.py:141 scripts/minimax_music.py:148 scripts/minimax_music.py:127 scripts/minimax_tts.py:120 scripts/minimax_tts.py:105 scripts/minimax_video.py:131 scripts/minimax_video.py:130
🌐 ネットワークアクセス (25)
scripts/minimax_image.py:60 scripts/minimax_image.py:78 scripts/minimax_image.py:21 scripts/minimax_image.py:22 scripts/minimax_music.py:64 scripts/minimax_music.py:146 scripts/minimax_music.py:22 scripts/minimax_music.py:23 scripts/minimax_tts.py:66 scripts/minimax_tts.py:22 scripts/minimax_tts.py:23 scripts/minimax_video.py:62 scripts/minimax_video.py:82 scripts/minimax_video.py:112 scripts/minimax_video.py:127 scripts/minimax_video.py:22 scripts/minimax_video.py:23 SKILL.md:206 SKILL.md:15 SKILL.md:16 SKILL.md:17 templates/viewer.html:23 templates/viewer.html:24 templates/viewer.html:25 templates/viewer.html:26
⚡ スクリプトを含む (1)
templates/generator_template.js:133
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

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

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/minimax-ai-frontend-dev/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

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

MiniMax-AI. (2026). frontend-dev security audit report (audit version 7) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/minimax-ai-frontend-dev/audits/7

BibTeX形式の引用

@techreport{minimax-ai-minimax-ai-frontend-dev-2026, author = {MiniMax-AI}, title = {frontend-dev security audit report (audit version 7)}, institution = {Skillstore}, year = {2026}, number = {7}, url = {https://skillstore.io/skills/minimax-ai-frontend-dev/audits/7}, note = {Author version 1.0.0} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "frontend-dev security audit report (audit version 7)" version: "1.0.0" type: report authors: - name: "MiniMax-AI" date-released: "2026-08-09" url: "https://skillstore.io/skills/minimax-ai-frontend-dev/audits/7" identifiers: - type: other value: "skillstore:minimax-ai-frontend-dev:audit:7" description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由 証拠の信頼度: 中
68
アーキテクチャ
100
保守性
87
コンテンツ
72
コミュニティ
78
仕様準拠

作成できるもの

製品ページをローンチする

製品ローンチページのセクション、コピー、ローカルアセット、レスポンシブレイアウト、モーションを計画します。

キャンペーンメディアを作成する

キャンペーンコンセプトに合うページビジュアル、背景動画、ナレーション、音楽を生成します。

インタラクティブアートを構築する

p5.jsビューアーテンプレート、canvasフォント、シード制御を使用して、ブラウザベースのジェネラティブアートを作成します。

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

ランディングページを始める 
小規模ビジネス向けのランディングページを構築してください。ページ構成、ビジュアル方針、コピー、ローカルアセットの要件、品質チェックを含めてください。
モーションシステムを追加する 
セクション単位のモーションを備えたReactとTailwindのページを設計してください。適切なアニメーションツールを選び、reduced-motion対応を含め、CSSで対応できる場合は重いライブラリを避けてください。
メディアアセットを生成する 
製品ページ向けに画像、動画、音楽、テキスト読み上げアセットを計画してください。プロンプト、ファイル名、出力フォルダ、確認後に実行するコマンドを作成してください。
インタラクティブアートを制作する 
ビューアーテンプレートを使ってインタラクティブなp5.js作品を作成してください。哲学、シード挙動、パラメータ、コントロール、改善チェックリストを定義してください。

ベストプラクティス

  • MiniMax生成スクリプトを実行する前に、メディアプロンプトとコストを確認します。
  • 生成されたすべての画像、動画、音声をローカルのプロジェクトアセットフォルダに保持します。
  • アニメーションまたは3Dライブラリを追加する前に、依存関係とフレームワークのバージョンを確認します。

回避

  • 最終ページでプレースホルダー画像URLやリモートのストックリンクを使用しないでください。
  • 同じコンポーネント内でGSAPとFramer Motionを混在させないでください。
  • 明示的なユーザー承認なしに、権限の高いインストールコマンドを実行しないでください。

よくある質問

このスキルは何を構築しますか？
デザイン方針、モーション、メディアアセット、コピー、品質チェックを備えたフロントエンドページの構築を支援します。
MiniMaxの認証情報は必要ですか？
MiniMax環境変数が必要なのはメディア生成スクリプトのみです。純粋なフロントエンドガイダンスは、それらがなくても使用できます。
Claude、Codex、Claude Codeで動作しますか？
はい。レポートにはClaude、Codex、Claude Codeのサポートが記載されています。
本番環境対応のコードを生成しますか？
ワークフロー、テンプレート、実装ルールを提供します。最終プロジェクトは引き続きレビューとテストが必要です。
どのフロントエンドスタックを優先しますか？
React、Next.js、Tailwind CSS、Framer Motion、GSAP、Three.js、p5.jsを重視します。
インストール前にユーザーは何を確認すべきですか？
ユーザーは、ネットワーク呼び出し、環境変数の扱い、ファイルシステム書き込み、バイナリフォント、依存関係のインストール手順を確認する必要があります。

開発者情報

作成者

MiniMax-AI

ライセンス

MIT

作者バージョン

v1.0.0

Skillstore リビジョン

r2

バージョンに関する注意

インストール可能な内容は変更されましたが、作者は宣言バージョンを更新していません。

リポジトリ

https://github.com/MiniMax-AI/skills/tree/main/skills/frontend-dev

参照

02be9409c79ca1183f7844009c14d9df684d0cf9

メンテナンスの新しさ

2026/8/11

利用状況

5 ダウンロード · 313 閲覧

ファイル構成

📁 canvas-fonts/

📄 ArsenalSC-OFL.txt

📄 ArsenalSC-Regular.ttf

📄 BigShoulders-Bold.ttf

📄 BigShoulders-OFL.txt

📄 BigShoulders-Regular.ttf

📄 Boldonse-OFL.txt

📄 Boldonse-Regular.ttf

📄 BricolageGrotesque-Bold.ttf

📄 BricolageGrotesque-OFL.txt

📄 BricolageGrotesque-Regular.ttf

📄 CrimsonPro-Bold.ttf

📄 CrimsonPro-Italic.ttf

📄 CrimsonPro-OFL.txt

📄 CrimsonPro-Regular.ttf

📄 DMMono-OFL.txt

📄 DMMono-Regular.ttf

📄 EricaOne-OFL.txt

📄 EricaOne-Regular.ttf

📄 GeistMono-Bold.ttf

📄 GeistMono-OFL.txt

📄 GeistMono-Regular.ttf

📄 Gloock-OFL.txt

📄 Gloock-Regular.ttf

📄 IBMPlexMono-Bold.ttf

📄 IBMPlexMono-OFL.txt

📄 IBMPlexMono-Regular.ttf

📄 IBMPlexSerif-Bold.ttf

📄 IBMPlexSerif-BoldItalic.ttf

📄 IBMPlexSerif-Italic.ttf

📄 IBMPlexSerif-Regular.ttf

📄 InstrumentSans-Bold.ttf

📄 InstrumentSans-BoldItalic.ttf

📄 InstrumentSans-Italic.ttf

📄 InstrumentSans-OFL.txt

📄 InstrumentSans-Regular.ttf

📄 InstrumentSerif-Italic.ttf

📄 InstrumentSerif-Regular.ttf

📄 Italiana-OFL.txt

📄 Italiana-Regular.ttf

📄 JetBrainsMono-Bold.ttf

📄 JetBrainsMono-OFL.txt

📄 JetBrainsMono-Regular.ttf

📄 Jura-Light.ttf

📄 Jura-Medium.ttf

📄 Jura-OFL.txt

📄 LibreBaskerville-OFL.txt

📄 LibreBaskerville-Regular.ttf

📄 Lora-Bold.ttf

📄 Lora-BoldItalic.ttf

📄 Lora-Italic.ttf

📄 Lora-OFL.txt

📄 Lora-Regular.ttf

📄 NationalPark-Bold.ttf

📄 NationalPark-OFL.txt

📄 NationalPark-Regular.ttf

📄 NothingYouCouldDo-OFL.txt

📄 NothingYouCouldDo-Regular.ttf

📄 Outfit-Bold.ttf

📄 Outfit-OFL.txt

📄 Outfit-Regular.ttf

📄 PixelifySans-Medium.ttf

📄 PixelifySans-OFL.txt

📄 PoiretOne-OFL.txt

📄 PoiretOne-Regular.ttf

📄 RedHatMono-Bold.ttf

📄 RedHatMono-OFL.txt

📄 RedHatMono-Regular.ttf

📄 Silkscreen-OFL.txt

📄 Silkscreen-Regular.ttf

📄 SmoochSans-Medium.ttf

📄 SmoochSans-OFL.txt

📄 Tektur-Medium.ttf

📄 Tektur-OFL.txt

📄 Tektur-Regular.ttf

📄 WorkSans-Bold.ttf

📄 WorkSans-BoldItalic.ttf

📄 WorkSans-Italic.ttf

📄 WorkSans-OFL.txt

📄 WorkSans-Regular.ttf

📄 YoungSerif-OFL.txt

📄 YoungSerif-Regular.ttf

📁 references/

📄 asset-prompt-guide.md

📄 env-setup.md

📄 minimax-cli-reference.md

📄 minimax-image-guide.md

📄 minimax-music-guide.md

📄 minimax-tts-guide.md

📄 minimax-video-guide.md

📄 minimax-voice-catalog.md

📄 motion-recipes.md

📄 troubleshooting.md

📁 scripts/

📄 minimax_image.py

📄 minimax_music.py

📄 minimax_tts.py

📄 minimax_video.py

📄 SKILL.md

📁 templates/

📄 generator_template.js

📄 viewer.html

MiniMax-AI のその他のスキル

すべて表示

関連スキル

すべて表示