design-extractManavarya09
新着designlangはPlaywrightを活用したCLIで、ライブDOMからDTCGトークン、Tailwind設定、Figma変数、WCAG監査まで含めた統合デザイン言語システムを抽出・生成するオープンソースツール。
優れたオープンソースプロジェクトを見つけ、匿名でプロジェクトを投稿し、自分のプロジェクトを申請して編集できます。
好奇心とともに、オープンソースの世界へ。
THE FIRST COLLECTIONdesignlangはPlaywrightを活用したCLIで、ライブDOMからDTCGトークン、Tailwind設定、Figma変数、WCAG監査まで含めた統合デザイン言語システムを抽出・生成するオープンソースツール。
Figmaデザインシステムのinspectとbuildを実行するClaudeスキル。WCAG等6つの監査モジュールによるread-onlyチェックと、6フェーズのワークフローでデザインシステムの構築・拡張を行う。
DembrandtはNode.js CLIツールで、PlaywrightでサイトをレンダリングしDOMスタイルを読み取って、カラー・タイポグラフィ・スペーシング・ボーダー・シャドウ・モーション・コンポーネントをW3Cデザイントークンに変換する。CIドリフト検知とMCP対応。