Tailwind CSS によるモダンなダークテーマ React アプリケーション、グラスモーフィズム効果、そしてダッシュボードや管理パネル向けの滑らかな Framer Motion アニメーションを作成します。

デザイン的非専門家は視覚的に魅力的なプレゼンテーションの作成に苦労します。このスキルは、ガイド付きの視覚的探索ワークフローを通じて、特徴的なスタイリングとスムーズなアニメーションを備えた本番品質の HTML スライドデッキを生成します。

フロントエンドアプリケーションは XSS、CSRF、その他の攻撃に対して脆弱です。このスキルは安全なコードパターンを生成し、ウェブアプリケーションの脆弱性を特定することで、一般的な攻撃ベクトルから保護します。

フロントエンド開発者は、コードアーキテクチャの一貫性の欠如や、一般的な問題に対する解決策の再構築に苦労しています。このスキルは、コンポーネント、フック、状態管理、パフォーマンス最適化のための実績ある React パターンを提供します。

このスキルは、開発者がReact、Vue、Angular、バニラJavaScriptコードの機会戸cripting（XSS）脆弱性を特定し、実行可能な修正と安全なコーディングパターンを提供します。

このスキルは、完全な TypeScript 型定義、アクセシビリティ機能、テスト設定、複数のスタイリングオプションを備えた本番環境対応の React および React Native コンポーネントを生成します。コンポーネントライブラリ全体でコード品質の一貫性を確保します。

フロントエンド開発者は、React コードベースにおける一貫性のないパターンや技術的負債に苦労しています。このスキルは、Suspense ファーストのデータフェッチング、機能ベースのアーキテクチャ、TypeScript の規律に関する意見の明確な基準を提供します。

フロントエンド開発には、React に関する深い専門知識、パフォーマンス最適化、アクセシビリティ標準への対応が必要です。このスキルは、モダンなツールとベストプラクティスを用いてスケーラブルな Web アプリケーションを構築するための、本番環境対応のガイダンスを提供します。

汎用的な AI 生成 UI には視覚的アイデンティティと記憶に残る特徴が欠けています。このスキルは DFII フレームワークを適用し、際立つ凝縮された美学を持つ意図的な高品質インターフェースを作成します。

AI による Freshservice チケットワークフローの自動化で IT サービスマネジメントを合理化。チケットの作成、更新、管理のための事前定義パターンを使用して、大規模な手動チケット処理を削減します。

カスタマーサポートチームは反復的な Freshdesk タスクに苦労しています。このスキルは、AI 駆動のツールオーケストレーションを通じて、チケット管理、連絡先操作、および企業ワークフローを自動化します。

マーケティング目的で無料ツールの企画と評価を行うことは、時間がかかり不明確な場合があります。このスキルは、リード獲得、SEO 改善、ブランド認知度向上につながるツールを作成するための、エンジニアリング・アズ・マーケティング戦略に関する専門的なガイダンスを提供します。

strangler fig パターンを使用して、ダウンタイムなしで古いレガシーシステムをモダンなアーキテクチャに変換します。このスキルは、評価、テスト、実装のためのエージェント協調による段階的移行をオーケストレーションします。

このスキルは、開発者がリスクを最小限に抑えて依存関係のアップグレードを計画・実行できるよう支援します。リスク評価、移行ガイド、自動テスト戦略を提供します。

このスキルは、包括的な移行計画、自動化された変換スクリプト、テストとロールバックサポートを備えた詳細な移行戦略を生成することで、開発者がフレームワーク、言語、プラットフォーム間のコードベースを移行できるように支援します。

Reactでの状態管理、エラー処理、非同期操作は、null値や未処理の障害によるバグを引き起こすことがよくあります。このスキルでは、タイプセーフな状態管理、エラー蓄積によるフォーム検証、信頼性の高い非同期データフェッチのための実用的なfp-tsパターンを提供します。

学術的なオーバーヘッドなしにTypeScriptで関数型プログラミングを学びましょう。このガイドでは、実世界の価値の80%をもたらすfp-tsパターンの20%に焦点を当てています。

try/catch のスパゲッティコードとの格闘に終止符を打ちましょう。fp-ts の Either と TaskEither を使って、エラーを型安全な値として処理する方法を学び、予測可能で合成可能なエラーハンドリングを実現します。

設計が不適切なフォームは、潜在的なリードの最大 50% を失う可能性があります。このスキルは、構造化されたフォームヘルスインデックスフレームワークを提供し、データ品質を維持しながらユーザーの摩擦を軽減する、コンバージョン障壁の診断と実用的な最適化を実現します。

Flutter開発者は、複数のプラットフォームにおけるアーキテクチャ、状態管理、パフォーマンス最適化について専門家のガイダンスを必要としています。このスキルは、本番対応アプリケーション構築のための包括的なFlutter 3.xとDart 3のpertiseを提供します。