dididy/ui-skills

ui-skills とは？

このスキルは、任意のライブWebサイトを実際の計算済みスタイル（computed styles）に基づいて、本番品質のReact + Tailwindコンポーネントに変換するClaude Codeプラグインです。スクリーンショットベースではなく、ブラウザのレンダリング結果から直接スタイル情報を抽出するため、ピクセルパーフェクトな再現が可能です。主にClaude Code環境で動作し、開発者が既存のWebサイトからUIコンポーネントを迅速に抽出・再利用したい場合に役立ちます。実装の仕組みとしては、対象サイトのDOMツリーと計算済みスタイルを解析し、それらをテーラーメイドのReactコンポーネントとTailwind CSSクラスに変換します。これにより、手動でのスタイル再現作業を大幅に削減し、開発効率を向上させます。