primer-design
✓プライマー デザイン システムとブランド ガイドラインを使用して、高いデザイン品質を備えた、特徴的なプロダクション グレードのフロントエンド インターフェイスを作成します。このスキルは、ユーザーが Web コンポーネント、ページ、アーティファクト、ポスター、またはアプリケーションの構築を要求する場合に使用します (例には、Web サイト、ランディング ページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、または Web UI のスタイル設定/美化が含まれます)。プライマー デザイン システムに完全に準拠した洗練されたコードと UI デザインを生成します。
インストール
SKILL.md
This skill guides creation of production-grade frontend interfaces that follow the HitHub Primer brand design guidelines. Implement real working code with exceptional attention to the primer design system guidelines, Brand UI, Primer React Components and Octicons.
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
Before coding, understand the context and commit to a clear aesthetic direction:
プライマー デザイン システムとブランド ガイドラインを使用して、高いデザイン品質を備えた、特徴的なプロダクション グレードのフロントエンド インターフェイスを作成します。このスキルは、ユーザーが Web コンポーネント、ページ、アーティファクト、ポスター、またはアプリケーションの構築を要求する場合に使用します (例には、Web サイト、ランディング ページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、または Web UI のスタイル設定/美化が含まれます)。プライマー デザイン システムに完全に準拠した洗練されたコードと UI デザインを生成します。 ソース: bas/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/bas/agent-skills --skill primer-design- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
primer-design とは？
プライマー デザイン システムとブランド ガイドラインを使用して、高いデザイン品質を備えた、特徴的なプロダクション グレードのフロントエンド インターフェイスを作成します。このスキルは、ユーザーが Web コンポーネント、ページ、アーティファクト、ポスター、またはアプリケーションの構築を要求する場合に使用します (例には、Web サイト、ランディング ページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、または Web UI のスタイル設定/美化が含まれます)。プライマー デザイン システムに完全に準拠した洗練されたコードと UI デザインを生成します。 ソース: bas/agent-skills。
primer-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/bas/agent-skills --skill primer-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/bas/agent-skills