npm-scripts-optimizer

Name: npm-scripts-optimizer
Author: jeremylongshore

github.com/jeremylongshore開発2.9k40 回インストール2 日前に更新

リポジトリ

npm-scripts-optimizer について

npm scriptsのタスクに特化したDevOps Basicsスキルです。手順に沿った案内、コードや設定の生成、一般的な基準に照らした出力の検証を行います。

主な機能

01npm scriptsの手順案内
02DevOpsパターンの提案
03コードと設定の生成
04出力の検証

活用シーン

01npm scriptsの相談
02スクリプト関連設定の生成
03一般的な基準に沿った生成内容の確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill npm-scripts-optimizer

インストール後、Claude Code で/npm-scripts-optimizerを入力して読み込まれたか確認します。

詳細

Npm Scripts Optimizer

概要

このスキルは、DevOps Basics の分野における npm scripts optimizer のタスクを自動的に支援します。

使用するタイミング

次の場合、このスキルが自動的に有効になります。

リクエストで「npm scripts optimizer」に言及した場合
npm scripts optimizer のパターンやベストプラクティスについて質問した場合
バージョン管理、コンテナ化、基本的な CI/CD、インフラストラクチャの基礎を含む、基礎的な DevOps スキルの支援が必要な場合

手順

npm scripts optimizer について、ステップごとにガイダンスを提供します
業界のベストプラクティスとパターンに従います
本番環境で利用できるコードと設定を生成します
一般的な標準に照らして出力を検証します

例

例：基本的な使い方 リクエスト：「npm scripts optimizer を手伝ってください」結果：ステップごとのガイダンスを提供し、適切な設定を生成します

前提条件

関連する開発環境が設定されていること
必要なツールやサービスにアクセスできること
DevOps Basics の概念に関する基本的な理解があること

出力

生成された設定とコード
ベストプラクティスに関する推奨事項
検証結果

エラー処理

エラー	原因	解決策
設定が無効	必須フィールドが不足しています	必須パラメーターについてドキュメントを確認してください
ツールが見つかりません	依存関係がインストールされていません	前提条件に従って必要なツールをインストールしてください
アクセスが拒否されました	アクセス権限が不足しています	認証情報と権限を確認してください

リソース

関連ツールの公式ドキュメント
ベストプラクティスのガイド
コミュニティの事例とチュートリアル

基本情報

作者: jeremylongshore
リポジトリ: jeremylongshore/tons-of-skills-marketplace
カテゴリ: 開発
インストール数: 40
GitHub スター: 2,885

問題を報告

おすすめの Skills

すべての Skills

remotion-render

github.com/inference-sh

1.6M

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途：プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

コードベースをスキャンして改善の機会を探し、ビジュアル HTML レポートとして提示し、選択したものを詳しく掘り下げる。

design-mobile-apps

github.com/designed-by-ai

1.1M

Sleek でモバイルアプリの画面をデザインし、Sleek プロジェクトを編集して、React Native または HTML でデザインを実装します。

vercel-react-best-practices

github.com/vercel-labs

848.6k

Vercel Engineering の React および Next.js パフォーマンス最適化ガイドライン。React / Next.js コードを記述、レビュー、またはリファクタリングするときに、最適なパフォーマンスパターンを確保するため、このスキルを使用する必要があります。React コンポーネント、Next.js ページ、データ取得、バンドル最適化、またはパフォーマンス改善を含むタスクで発火します。