Communitygithub.com

lenargum/CV

Lenar Gumerov の個人CVサイト (lenargum.me) 向けに、ブランドに沿ったインターフェースやアセットを生成するスキルです。本番用コードから、使い捨てのモック・プロトタイプまで対応します。

CV とは?

このスキルは、シニアフロントエンドエンジニア Lenar Gumerov の個人CV/ポートフォリオサイト (lenargum.me) のデザインシステムをカプセル化したものです。完全なダークテーマ(黒/チャコールの背景に白文字)、唯一の装飾としてアニメーションするWebGL simplex-noise フィールドを背景に持ち、グラデーションやマーケティング的な装飾は一切排除されています。EN / RU のバイリンガル対応。コーナーの「ラバランプ」トグルで CV 全体がフェードアウトし、ノイズだけが残ります。ウェブフォントは使わず、OS標準のサンセリフスタックに意図的に依存しています。デザイントークンは `colors_and_type.css`、コンポーネントの再現は `ui_kits/cv-site/` にあります。このスキルを呼び出すと、ブランドに精通したデザイナーとして、必要に応じて静的HTMLのモックや本番コードを生成します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lenargum/CV/tree/HEAD/src/design-system

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

lenargum/CV スキル

概要

このスキルは Lenar Gumerov の個人CVサイト (lenargum.me) のデザインシステムを提供します。 本番用コードから使い捨てモック/プロトタイプまで、ブランドに沿ったインターフェースやアセットを生成できます。

開始方法

このスキル内の README.md ファイルを読み、他の利用可能なファイルも確認してください。

主要ファクト

  • 個人CV/ポートフォリオサイト — Lenar Gumerov(シニアフロントエンドエンジニア)のものです。
  • 純粋なダーク美学 — 黒/チャコールのサーフェス、白文字、唯一の背景モチーフとしてアニメーションする WebGL simplex-noise フィールド。グラデーション、マーケティング的な装飾、絵文字は一切ありません。
  • バイリンガル対応 (EN / RU) — コーナーの「ラバランプ」トグルで CV 全体がフェードアウトし、ノイズだけが残ります。
  • ウェブフォントなし — 意図的に OS 標準のサンセリフスタック に依存しています。
  • デザイントークン — colors_and_type.css にあります。コンポーネントの再現は ui_kits/cv-site/ にあります。

使い方

ビジュアルアーティファクトの作成(スライド、モック、使い捨てプロトタイプなど)

アセットをコピーし、ユーザーが表示できる 静的HTMLファイル を作成してください。ブランドの中核要素である ノイズキャンバス、カテゴリカルタグシステム、cv-card コンテナを再利用してください。

本番コードの作業

アセットをコピーし、こちらのルールを読んでこのブランドのデザインエキスパートになってください。元のサイトは CV/ コードベース(Astro + React + Tailwind)です。

ユーザーからの追加指示がない場合

このスキルが追加のガイダンスなしに呼び出された場合は、ユーザーに何を構築またはデザインしたいのかを尋ね、いくつか質問をして、エキスパートデザイナーとして振る舞い、必要に応じて HTMLアーティファクト または 本番コード を出力してください。

関連スキル