frontend-design-fix-svelte

このスキルは、タイポグラフィ、カラー、モーション、空間構成、背景にわたって体系的な改善を適用することで、汎用的なVueコンポーネントのデザインを自動的に強化します。既存のVueファイルを分析して凡庸なパターンを特定し、Anthropicのデザインフレームワークを使用してそれらを特徴的なインターフェースへと変換します。基本的なスタイリングを超えてVueコンポーネントのビジュアル面を素早く向上させる必要がある場合にご利用ください。

このClaudeスキルは、タイポグラフィ、カラー、モーション、空間構成、背景にわたる美的アップグレードを適用することで、汎用的なReactコンポーネントのデザインを自動的に改善します。既存のコンポーネントを分析して無個性なパターンを特定し、Anthropicのデザインフレームワークを使用して体系的に強化します。手動でのデザイン作業なしに、基本的なReact UIを視覚的に特徴的なインターフェースに素早く変換する必要がある場合に、このスキルをご利用ください。

このスキルは、一般的なHTML/CSSデザインを、タイポグラフィ、色彩、動き、空間構成、背景にわたって美的アップグレードを適用することで変換します。既存のコードを分析して無個性なパターンを特定し、Anthropicのデザインフレームワークを使用して体系的にそれらを強化します。基本的なフロントエンドデザインを、視覚的に特徴的なインターフェースへと素早く昇華させる必要がある場合にご利用ください。

このスキルは、Content Collections（Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール）の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。