Skip to main content
skillsmp

القائمة

الواجهة الأمامية

تصفح مهارات الوكيل لـ React و Vue و Angular وتطوير الواجهة الأمامية الحديثة

تساعد الفئات ونجوم GitHub وتاريخ آخر تحديث في المصدر على تنظيم الفهرس وترتيب نتائجه. ولا تمثل هذه الإشارات توصية من SkillsMP أو اعتمادًا للجودة أو مراجعةً للسلامة أو ضمانًا للملاءمة. افتح صفحة المهارة وافحص مصدرها قبل الاستخدام.

ترتيب حسب

٧٠٬٢٣٤ نتيجة

reverse-engineer-anything

المصدرmorluto/rea/.agents/skills/reverse-engineer-anything/SKILL.md
آخر تحديث

Reverse engineer native, managed, Electron/JavaScript, packaged, firmware, and browser targets with REA, and build agent environments (AgentEnv bundles) of web applications from a live instance or a capture. Use shipped-artifact or requested runtime evidence to explain features, compare versions, decompile code, or guide a reconstruction. Skip REA for ordinary source-repository architecture analysis.

لغة محتوى المهارة: الإنجليزية

angular-developer

المصدرaffaan-m/ECC/docs/ja-JP/skills/angular-developer/SKILL.md
آخر تحديث

Angular コードを生成し、アーキテクチャ ガイダンスを提供します。プロジェクトの作成、コンポーネント、またはサービスを作成するとき、または反応性（シグナル、linkedSignal、リソース）、フォーム、依存性注入、ルーティング、SSR、アクセシビリティ（ARIA）、アニメーション、スタイリング（コンポーネント スタイル、Tailwind CSS）、テスト、または CLI ツール作成のベスト プラクティスについてトリガーされます。

لغة محتوى المهارة: اليابانية

crosspost

المصدرaffaan-m/ECC/docs/ja-JP/skills/crosspost/SKILL.md
آخر تحديث

X、LinkedIn、Threads、Bluesky間のマルチプラットフォームコンテンツ配布。content-engineパターンを使用してプラットフォームごとにコンテンツを適応します。同一コンテンツをクロスプラットフォームで投稿することはありません。コンテンツをソーシャルプラットフォーム間で配布したい場合に使用します。

لغة محتوى المهارة: اليابانية

dart-flutter-patterns

المصدرaffaan-m/ECC/docs/ja-JP/skills/dart-flutter-patterns/SKILL.md
آخر تحديث

本番環境対応のDartおよびFlutterパターンは、null安全性、不変状態、非同期構成、ウィジェットアーキテクチャ、人気のある状態管理フレームワーク（BLoC、Riverpod、Provider）、GoRouterナビゲーション、Dioネットワーキング、Freezedコード生成、クリーンアーキテクチャをカバー。

لغة محتوى المهارة: اليابانية

angular-developer

المصدرaffaan-m/ECC/pi/core/skills/angular-developer/SKILL.md
آخر تحديث

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

لغة محتوى المهارة: الإنجليزية

motion-advanced

المصدرaffaan-m/ECC/pi/core/skills/motion-advanced/SKILL.md
آخر تحديث

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations. Use when building drag and drop, gestures, text or SVG animation, or imperative animation sequences in React or Next.js.

لغة محتوى المهارة: الإنجليزية

motion-foundations

المصدرaffaan-m/ECC/pi/core/skills/motion-foundations/SKILL.md
آخر تحديث

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.

لغة محتوى المهارة: الإنجليزية

react-native-patterns

المصدرaffaan-m/ECC/pi/core/skills/react-native-patterns/SKILL.md
آخر تحديث

React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching with Zod, performant lists, NativeWind/StyleSheet styling, native APIs, and secure storage. Use when building or editing React Native / Expo screens, components, navigation, or data layers.

لغة محتوى المهارة: الإنجليزية

react-performance

المصدرaffaan-m/ECC/pi/core/skills/react-performance/SKILL.md
آخر تحديث

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organizes 70+ rules across 8 priority categories — waterfalls, bundle size, server-side, client fetching, re-render, rendering, JS micro-perf, advanced. Use when writing, reviewing, or refactoring React/Next.js code for performance.

لغة محتوى المهارة: الإنجليزية

taste

المصدرaffaan-m/ECC/skills/taste/SKILL.md
آخر تحديث

Creative-direction layer for music videos and short-form edits in the angelcore / cloud-trance / hyperpop family — a named-genre aesthetic vocabulary, mood + color + light system, beat-synced editing grammar, and a pipeline chaining ECC's video skills from b-roll generation to distribution. Use when a video must feel intentional rather than merely functional — music videos, fancams, moodboard-driven reels, or giving AI-generated b-roll a coherent visual direction.

لغة محتوى المهارة: الإنجليزية

figma-implement-motion

المصدرanomalyco/opencode/packages/plugins/figma/skills/figma-implement-motion/SKILL.md
آخر تحديث

Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion", "add animation from Figma", "animate this component", provides a Figma URL whose node is animated, or when `get_design_context` returns motion data or instructs you to call `get_motion_context`.

لغة محتوى المهارة: الإنجليزية

frontend-query-mutation

المصدرlangflow-ai/langflow/.agents/skills/frontend-query-mutation/SKILL.md
آخر تحديث

Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5. Trigger when creating or updating API hooks in controllers/API/queries, consuming UseRequestProcessor in components, deciding whether to use useQuery or useMutation, handling conditional queries, cache invalidation, mutation error handling, or migrating legacy API calls to the query hook pattern.

لغة محتوى المهارة: الإنجليزية

ui-styling

المصدرnextlevelbuilder/ui-ux-pro-max-skill/.claude/skills/ui-styling/SKILL.md
آخر تحديث

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

لغة محتوى المهارة: الإنجليزية