·theme-foundation
</>

theme-foundation

basiclines/rampa-studio

単一のブランド カラーからアクセント、セカンダリ、ニュートラル カラー ランプを使用して完全なテーマの基盤を作成します。ライト/ダーク モード テーマを構築する場合、または新しいデザイン システムを開始する場合に使用します。

4インストール·1トレンド·@basiclines

インストール

$npx skills add https://github.com/basiclines/rampa-studio --skill theme-foundation

SKILL.md

Generate a complete theme color system from a single brand color. Creates primary accent, secondary accent (complementary), and neutral ramps - all mathematically derived.

The main brand color expanded to a full 10-shade scale.

Mathematically opposite on the color wheel - perfect for CTAs, highlights, or secondary actions.

単一のブランド カラーからアクセント、セカンダリ、ニュートラル カラー ランプを使用して完全なテーマの基盤を作成します。ライト/ダーク モード テーマを構築する場合、または新しいデザイン システムを開始する場合に使用します。 ソース: basiclines/rampa-studio。

原文を見る

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/basiclines/rampa-studio --skill theme-foundation
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-05
更新日
2026-02-18

クイックアンサー

theme-foundation とは?

単一のブランド カラーからアクセント、セカンダリ、ニュートラル カラー ランプを使用して完全なテーマの基盤を作成します。ライト/ダーク モード テーマを構築する場合、または新しいデザイン システムを開始する場合に使用します。 ソース: basiclines/rampa-studio。

theme-foundation のインストール方法は?

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

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

https://github.com/basiclines/rampa-studio