القائمة
Framework-agnostic frontend component design patterns.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/diegosouzapw/awesome-omni-skill --skill applying-frontend-patternsيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
Token-efficient tracking for AI orchestration. CLI-first for status updates (~50 tokens), agent fallback for complex ops (~1KB). Use when: updating task status, querying blockers, creating progress files, validating phases.
AshAi extension guidelines for integrating AI capabilities with Ash Framework. Use when implementing vectorization/embeddings, exposing Ash actions as LLM tools, creating prompt-backed actions, or setting up MCP servers. Covers semantic search, LangChain integration, and structured outputs.
This skill should be used when solving hard questions, complex architectural problems, or debugging issues that benefit from GPT-5 Pro or GPT-5.1 thinking models with large file context. Use when standard Claude analysis needs deeper reasoning or extended context windows.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | applying-frontend-patterns |
| description | Framework-agnostic frontend component design patterns. |
| allowed-tools | ["Read","Grep","Glob","Task"] |
| user-invocable | false |
| パターン | 使用タイミング |
|---|---|
| Container/Presentational | データ取得 + 表示 |
| カスタムフック | 共有する振る舞い |
| コンポジション | 柔軟なコンポーネント |
| 状態管理 | ローカル → 共有 → グローバル |
| Container（ロジック） | Presentational（UI） |
|---|---|
| データを取得 | propsでデータを受け取る |
| 状態を管理 | ステートレス（理想） |
| イベントを処理 | コールバックpropsを呼ぶ |
| スタイリングなし | すべてのスタイリングがここ |
| スコープ | ツール | 例 |
|---|---|---|
| ローカル | useState | フォーム入力、トグル |
| 共有 | Context | テーマ、認証状態 |
| グローバル | Zustand/Redux | アプリ全体のキャッシュ |
シンプルな一回限りのコンポーネント、プロトタイプ（YAGNI）、再利用が期待されない。
| トピック | ファイル |
|---|---|
| Container/Presentational | references/container-presentational.md |
