Communitygithub.com

qza/css-reduction-methodology

既存のCSSコードベースをページごとのカオスからトークン化されたプリミティブシステムへ進化させるための多段階手法。明確な判断ルールを持つ5つのステージ。Claude Code / Claude Agentスキル。

css-reduction-methodology とは?

このスキルは、CSSコードベースのリファクタリングを段階的に進めるための体系的な手法を提供します。具体的には、ページ単位で乱雑に記述されたCSSを、トークン化されたプリミティブ(基本デザイン要素)へと変換するプロセスを5つのフェーズに分割しています。各フェーズには明確な判断ルールが設定されており、開発者はルールに従って確実にリファクタリングを進めることができます。Claude CodeやClaude AgentなどのAIエージェントと連携することで、大規模なCSSリファクタリングを効率的に実行できるようになります。

対応✓Claude Code~Codex CLI~Cursor
npx skills add qza/css-reduction-methodology

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

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

ドキュメント

css-reduction-methodology は何をしますか?

既存のCSSコードベースをページごとのカオスからトークン化されたプリミティブシステムへ進化させるための多段階手法。明確な判断ルールを持つ5つのステージ。Claude Code / Claude Agentスキル。

関連スキル