arvindrk/extract-design-system

extract-design-system とは？

このスキルは、公開ウェブサイトのCSSを分析して、色、フォント、スペーシング、その他のデザイントークンを自動的に抽出します。これにより、既存のWebサイトのデザインシステムを迅速に理解し、新しいプロジェクトで一貫性のあるスタイルを適用するための出発点として使用できます。主にClaude Code、Cursor、CodexなどのAIエージェントと連携して動作し、抽出されたトークンはJavaScript、CSS、JSONなどの一般的なフォーマットで出力されます。開発者はこれを利用して、リバースエンジニアリングやリデザインプロジェクトの初期段階を大幅に効率化できます。スキルは、ウェブサイトの公開URLを入力として受け取り、分析結果をファイルとして保存します。