MCP HubMCP Hub
SKILL·FD9758

Frontend Development

mattnigh
更新日 1 month ago
13 閲覧
22
1
22
GitHubで表示
デザインfrontendhtmxtailwinddaisyuiwebsocketjinja2

について

このスキルは、HTMX、Tailwind CSS、DaisyUI、およびWebSocket統合を使用したフロントエンドコンポーネント作成を自動化します。モーダルダイアログの迅速な生成、APIエンドポイント用のHTMXトリガーの追加、JavaScriptモジュールの作成、リアルタイムWebSocketイベントの統合にご利用いただけます。パフォーマンス最適化されたテンプレートを用いて、インタラクティブなUIコンポーネントを構築する標準化された方法を提供します。

クイックインストール

Claude Code

推奨
メイン
npx skills add mattnigh/skills_collection -a claude-code
プラグインコマンド代替
/plugin add https://github.com/mattnigh/skills_collection
Git クローン代替
git clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/Frontend Development

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

GitHub リポジトリ

mattnigh/skills_collection
パス: collection/ikeniborn__familyBudget__claude__skills__frontend-development__SKILL.md
0
FAQ

Frequently asked questions

What is the Frontend Development skill?

Frontend Development is a Claude Skill by mattnigh. Skills package instructions and resources that Claude loads on demand, so Claude can perform Frontend Development-related tasks without extra prompting.

How do I install Frontend Development?

Use the install commands on this page: add Frontend Development to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does Frontend Development belong to?

Frontend Development is in the Design category, tagged frontend, htmx, tailwind, daisyui, websocket and jinja2.

Is Frontend Development free to use?

Yes. Frontend Development is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

関連スキル

executing-plans
デザイン

executing-plansスキルは、完全な実装計画があり、それを管理されたバッチでレビューチェックポイントを設けながら実行する場合に使用します。このスキルは計画を読み込んで批判的にレビューした後、小さなバッチ(デフォルトは3タスク)でタスクを実行し、各バッチの間に進捗状況を報告してアーキテクトのレビューを受けます。これにより、品質管理チェックポイントが組み込まれた体系的な実装が保証されます。

スキルを見る
requesting-code-review
デザイン

このスキルは、コードレビュアーサブエージェントを起動し、処理を進める前に要件に対してコード変更を分析します。タスク完了後、主要な機能の実装後、またはmainブランチへのマージ前などに使用すべきです。このレビューは、現在の実装と元の計画を比較することで、問題を早期に発見するのに役立ちます。

スキルを見る
connect-mcp-server
デザイン

このスキルは、開発者がHTTP、stdio、またはSSEトランスポートを使用してMCPサーバーをClaude Codeに接続するための包括的なガイドを提供します。GitHub、Notion、カスタムAPIなどの外部サービスを統合するためのインストール、設定、認証、セキュリティについて解説しています。MCP統合のセットアップ、外部ツールの設定、またはClaudeのModel Context Protocolを扱う際にご利用ください。

スキルを見る
web-cli-teleport
デザイン

このスキルは、タスク分析に基づいて開発者がClaude Code WebとCLIインターフェースの選択を支援し、これらの環境間でのシームレスなセッションテレポーテーションを可能にします。Web、CLI、モバイル環境を切り替える際のセッション状態とコンテキストを管理することで、ワークフローを最適化します。様々な段階で異なるツールを必要とする複雑なプロジェクトにご活用ください。

スキルを見る