
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- どのブラウザでも開けてオフラインで動く、フォントと画像を内蔵した自己完結型の Web サイトファイル 1 つ。フレームワークプロジェクトがある場合は、そこへの移植にも対応。
- 検索と絞り込みができるアーカイブと、目次、読了プログレス、コードのコピー、インタラクティブなグラフ付きの長文記事。
- 描画したプロダクト画面付きのケーススタディに加え、プロフィール、レジュメ、お問い合わせ、ニュースレター、コロフォン、プライバシーのページ。24 ページの作例で紹介しています。
向いている人
- 運営するプロダクトについて公開で発信する独立系開発者や個人創業者。
- プロフィールをスタジオ紹介に、レジュメをサービス紹介に置き換えられる小規模スタジオやコンサルティング会社。
- 実績セクションを外し、ジャーナル、登壇、ニュースレターを残せる研究者やテクニカルライター。
向いていない人
- 実際のニュースレターやお問い合わせメッセージの送信。ご自身のプロバイダーを接続するまで、フォームはローカルでの確認表示のみです。
- 画像主体のポートフォリオや派手なマーケティングサイト。このデザインは静かで文章主体です。
- 架空の Noor Halvorsen、そのプロダクトや数値を実在のものとして公開すること。
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成LP 作成スタイル固定編集可能な出力ブルーアクセントコンテンツファーストデベロッパージャーナルサイドバーレイアウト
この Skill について

Skyline Developer Journal は、独立系開発者のための落ち着いたコンテンツ重視の個人サイトを構築します。左に固定されたサイドバー、青一色のアクセント、文章主体の静かな Hero、読みやすく組んだ長文エッセイ、各プロダクトの実際のインターフェースを見せるケーススタディ。作例はベルゲンに住む架空の独立系開発者 Noor Halvorsen のジャーナルで、ライトとダークに対応した 24 の連結ページで構成されています。

手に入るもの
- フォントと画像を内蔵し、どのブラウザでも開けてオフラインで動く、自己完結型の Web サイトファイル 1 つ。既存のフレームワークプロジェクトがある場合は、そちらにデザインを移植します。
- 検索、トピックチップ、並べ替え、空の状態表示を備えたジャーナルのアーカイブと、目次、読了プログレス、コピーできるコードブロック、プルクオート、インタラクティブな売上グラフ付きの長文記事。
- 各プロダクトを描画したインターフェースで見せ、指標、プロセスの手順、推薦コメントを添えたケーススタディの実績セクション。
- プロフィール、印刷できるレジュメ、入力検証付きのお問い合わせフォーム、フィード付きのニュースレターページ、コロフォン、プライバシー、404 ページ。
- 検索用のコマンドパレット、完全なダークテーマ、本文を決して動かさない穏やかなモーション。

使い方
- 名前と役割、実際の成果がある 2〜6 件のプロジェクト、6 本以上の記事またはそのトピック、職歴、登壇歴、連絡先メールアドレス、ニュースレター名を共有します。不足している情報はそれらしい仮テキストで下書きし、確認用に一覧にします。
- ポートレートと仕事場の写真を送るか、エージェントに仮の写真と、同じ曇り空の光でエッセイごとのカバーを 1 枚ずつ生成させます。プロダクトは描画したインターフェースで表示し、ストックのノートパソコン写真は使いません。
- すべてのページをデスクトップとスマートフォン、ライトとダークで開き、検索、フィルター、記事ツール、フォームを試して、修正を依頼します。

書体は Geist、Newsreader、Geist Mono で、ファイルに埋め込まれています。新しい写真はエージェント自身の画像ツールで作成するため、その利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- 名前、役割、実際の成果がある 2〜6 件のプロジェクト · 6 本以上の記事またはトピック、職歴、登壇歴、連絡先メールアドレス、ニュースレター名 · ポートレートと仕事場の写真、または仮の写真を生成する承認
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · ポートレートとエッセイのカバー用に、エージェントの画像ツールまたはご自身の写真
- 外部コスト
- ポートレート、仕事場の写真、エッセイのカバーはエージェント自身の画像ツールで生成するため、利用料金がかかる場合があります。ツールがない場合はご自身の写真を用意してください。汎用的なカバー 6 枚は再利用でき、短いノートには文字組みのタイルを使います。作例の閲覧は無料です。
- 最終検証
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









