css-tokens
✓タイポグラフィ、間隔、色、境界線、Z インデックス、トランジションの基本的な CSS デザイン トークン (カスタム プロパティ) を提供します。 Web プロジェクトのベース トークン システムをセットアップするときに使用します。
SKILL.md
This skill provides a comprehensive set of CSS design tokens (custom properties) to establish a consistent design foundation for web projects. Use this skill when the user requests a base token system or design tokens for their CSS.
A complete tokens.css file with a comprehensive design token system:
Users can reference individual tokens using CSS custom property syntax: var(--token-name)
タイポグラフィ、間隔、色、境界線、Z インデックス、トランジションの基本的な CSS デザイン トークン (カスタム プロパティ) を提供します。 Web プロジェクトのベース トークン システムをセットアップするときに使用します。 ソース: schalkneethling/webdev-agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
css-tokens とは？
タイポグラフィ、間隔、色、境界線、Z インデックス、トランジションの基本的な CSS デザイン トークン (カスタム プロパティ) を提供します。 Web プロジェクトのベース トークン システムをセットアップするときに使用します。 ソース: schalkneethling/webdev-agent-skills。
css-tokens のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/schalkneethling/webdev-agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01