·viewcomponent-coder
*

viewcomponent-coder

ViewComponent と view_component-contrib を使用してコンポーネントベースの UI を構築します。再利用可能な UI コンポーネントの作成、スロットとスタイル バリアントの実装、またはコンポーネント プレビューの構築時に使用します。 ViewComponent の作成、コンポーネント パターン、Lookbook プレビュー、または UI コンポーネント アーキテクチャでトリガーされます。

23インストール·0トレンド·@majesticlabs-dev

インストール

$npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill viewcomponent-coder

viewcomponent-coder のインストール方法

コマンドラインで viewcomponent-coder AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill viewcomponent-coder
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: majesticlabs-dev/majestic-marketplace。

Build modern, component-based UIs with ViewComponent using Evil Martians' viewcomponent-contrib patterns.

Don't inline SVG markup in Ruby code - use separate files instead.

ViewComponent と view_component-contrib を使用してコンポーネントベースの UI を構築します。再利用可能な UI コンポーネントの作成、スロットとスタイル バリアントの実装、またはコンポーネント プレビューの構築時に使用します。 ViewComponent の作成、コンポーネント パターン、Lookbook プレビュー、または UI コンポーネント アーキテクチャでトリガーされます。 ソース: majesticlabs-dev/majestic-marketplace。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill viewcomponent-coder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill viewcomponent-coder
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-23
更新日
2026-03-11

Browse more skills from majesticlabs-dev/majestic-marketplace

クイックアンサー

viewcomponent-coder とは?

ViewComponent と view_component-contrib を使用してコンポーネントベースの UI を構築します。再利用可能な UI コンポーネントの作成、スロットとスタイル バリアントの実装、またはコンポーネント プレビューの構築時に使用します。 ViewComponent の作成、コンポーネント パターン、Lookbook プレビュー、または UI コンポーネント アーキテクチャでトリガーされます。 ソース: majesticlabs-dev/majestic-marketplace。

viewcomponent-coder のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill viewcomponent-coder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/majesticlabs-dev/majestic-marketplace