deno-frontend
✓Fresh フレームワークを使用する場合、Fresh でルートまたはハンドラーを作成する場合、Preact で Web UI を構築する場合、または Deno で Tailwind CSS を追加する場合に使用します。 Fresh 2.x プロジェクトの構造、ルート ハンドラー、アイランド、createDefine、PageProps、コンテキスト パターン、および Fresh 1.x から 2.x への移行について説明します。 Fresh 関連の質問には必須です。
インストール
SKILL.md
This skill covers frontend development in Deno using Fresh 2.x (Deno's web framework), Preact (a lightweight React alternative), and Tailwind CSS. Fresh uses "island architecture" where pages render on the server and only interactive parts ship JavaScript to the browser.
This skill applies only to Fresh/Deno frontend questions. Follow these rules:
When helping users migrate from Fresh 1.x, describe old patterns generically and ONLY show correct Fresh 2.x code. Never write out old dollar-sign import paths or deprecated syntax, even in "before/after" comparisons.
Fresh フレームワークを使用する場合、Fresh でルートまたはハンドラーを作成する場合、Preact で Web UI を構築する場合、または Deno で Tailwind CSS を追加する場合に使用します。 Fresh 2.x プロジェクトの構造、ルート ハンドラー、アイランド、createDefine、PageProps、コンテキスト パターン、および Fresh 1.x から 2.x への移行について説明します。 Fresh 関連の質問には必須です。 ソース: denoland/skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/denoland/skills --skill deno-frontend- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-17
- 更新日
- 2026-02-18
クイックアンサー
deno-frontend とは？
Fresh フレームワークを使用する場合、Fresh でルートまたはハンドラーを作成する場合、Preact で Web UI を構築する場合、または Deno で Tailwind CSS を追加する場合に使用します。 Fresh 2.x プロジェクトの構造、ルート ハンドラー、アイランド、createDefine、PageProps、コンテキスト パターン、および Fresh 1.x から 2.x への移行について説明します。 Fresh 関連の質問には必須です。 ソース: denoland/skills。
deno-frontend のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/denoland/skills --skill deno-frontend インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/denoland/skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-17