MCP HubMCP Hub
スキル一覧に戻る

css-module-generator

majiayu000
更新日 Today
17 閲覧
58
9
58
GitHubで表示
メタgeneral

について

このスキルは「css module generator」に言及すると自動的に起動し、段階的なガイダンスを提供し、プロダクションレディなCSS Modulesコードを生成します。React、Vue、および最新のWeb開発パターンにおける業界のベストプラクティスに従いながら、検証と設定支援を提供します。開発者はCSS Modulesの実装、最適化、フロントエンド開発タスクに活用できます。

クイックインストール

Claude Code

推奨
プラグインコマンド推奨
/plugin add https://github.com/majiayu000/claude-skill-registry
Git クローン代替
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/css-module-generator

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント

Css Module Generator

Purpose

This skill provides automated assistance for css module generator tasks within the Frontend Development domain.

When to Use

This skill activates automatically when you:

  • Mention "css module generator" in your request
  • Ask about css module generator patterns or best practices
  • Need help with frontend skills covering react, vue, css, accessibility, performance optimization, and modern web development patterns.

Capabilities

  • Provides step-by-step guidance for css module generator
  • Follows industry best practices and patterns
  • Generates production-ready code and configurations
  • Validates outputs against common standards

Example Triggers

  • "Help me with css module generator"
  • "Set up css module generator"
  • "How do I implement css module generator?"

Related Skills

Part of the Frontend Development skill category. Tags: react, vue, css, accessibility, web

GitHub リポジトリ

majiayu000/claude-skill-registry
パス: skills/css-module-generator

関連スキル

algorithmic-art

メタ

This Claude Skill creates original algorithmic art using p5.js with seeded randomness and interactive parameters. It generates .md files for algorithmic philosophies, plus .html and .js files for interactive generative art implementations. Use it when developers need to create flow fields, particle systems, or other computational art while avoiding copyright issues.

スキルを見る

subagent-driven-development

開発

This skill executes implementation plans by dispatching a fresh subagent for each independent task, with code review between tasks. It enables fast iteration while maintaining quality gates through this review process. Use it when working on mostly independent tasks within the same session to ensure continuous progress with built-in quality checks.

スキルを見る

executing-plans

デザイン

Use the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.

スキルを見る

cost-optimization

その他

This Claude Skill helps developers optimize cloud costs through resource rightsizing, tagging strategies, and spending analysis. It provides a framework for reducing cloud expenses and implementing cost governance across AWS, Azure, and GCP. Use it when you need to analyze infrastructure costs, right-size resources, or meet budget constraints.

スキルを見る