frontend-skill について
frontend-skill は、ランディングページ、Webサイト、アプリ画面を作るエージェント向けのデザインスキルです。OpenAI のフロントエンド手法を基にしており、上流バンドルを導入すると名前で呼び出せます。
主な機能
- 01ランディングページの作成
- 02Webサイトの作成
- 03アプリ UI の作成
- 04抑制の効いたビジュアル構成
活用シーン
- 01製品ランディングページの設計
- 02Webサイト画面の構築
- 03アプリ UI の制作
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/frontend-skillを入力して読み込まれたか確認します。
詳細
frontend-skill
OpenAI のスキルリポジトリから厳選されています。
概要
抑制の効いた構成で、視覚的に優れたランディングページ、ウェブサイト、アプリの UI を作成します。OpenAI の本番環境向けフロントエンドプレイブックです。
ソース
- 上流： https://github.com/openai/skills
- カテゴリ：
design-systems
使用方法
このカタログ項目は、エージェントが計画時にこのスキルを見つけられるよう、OpenDesign でスキルを紹介します。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流のバンドルをアクティブなエージェントのスキルディレクトリにインストールします。
# Inspect the upstream README for exact paths
open https://github.com/openai/skills
続いて、このスキル名（frontend-skill）を指定するか、このスキルのフロントマターに記載されたトリガーフレーズのいずれかを使って、このスキルを呼び出すようエージェントに依頼します。
コメント
Markdown 対応