mcpField
S
screwfast

screwfast

github.com/rebyteai-templateデザイン・UI1753 回インストール19 週間前に更新
リポジトリ

screwfast について

ScrewFastは、ランディングページ、ブログ、ドキュメントサイトを構築するためのAstroテンプレートです。Tailwind CSS、Preline UI、アニメーションツール、Starlightを組み合わせています。

主な機能

  1. 01ランディングページ・ブログ・ドキュメントのテンプレート
  2. 02Astro 5とStarlight
  3. 03Tailwind CSS 4とPreline UI
  4. 04GSAPアニメーションとLenisスクロール
  5. 05ビルド・プレビュー用スクリプト

活用シーン

  1. 01製品のランディングページ作成
  2. 02ブログとドキュメントの同時公開

インストール

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

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill screwfast

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

詳細

ScrewFast ランディングページ

Astro 5、Tailwind CSS 4、Preline UI、GSAP アニメーション、Starlight ドキュメントを備えた、多用途のランディングページ、ブログ、ドキュメント用テンプレートです。

技術スタック

  • フレームワーク：Starlight ドキュメントを備えた Astro 5
  • スタイリング：Tailwind CSS 4、Preline UI
  • アニメーション：GSAP、Lenis のスムーズスクロール
  • パッケージマネージャー：npm
  • 出力先：dist ディレクトリ
  • 開発用ポート：4321

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/Eng0AI/screwfast-template.git .

ディレクトリが空でない場合：

git clone --depth 1 https://github.com/Eng0AI/screwfast-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git の履歴を削除する（任意）
rm -rf .git
git init
3. 依存関係をインストールする
npm install

ビルド

npm run build

astro check && astro build && node process-html.mjs を実行して、型チェック、ビルド、HTML の圧縮を行います。

デプロイ

Vercel（推奨）
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist

開発

npm run dev

http://localhost:4321 で開きます

本番ビルドをプレビューする場合：

npm run preview

コメント

Markdown 対応