المهارات ask-sonner
📦

ask-sonner

مراجعة المحتوى r1 آمن ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة

Build Reliable Sonner Toasts

Sonner integrations can fail through duplicate toasters, server-side calls, styling conflicts, or incorrect promise handling. This skill provides focused setup, API, styling, and troubleshooting guidance.

يدعم: Claude Codex Code(CC)
🥉 77 برونزي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل
Review the Skillstore skill "ask-sonner" from https://skillstore.io/skills/emilkowalski-ask-sonner.md and its manifest at https://skillstore.io/api/skills/emilkowalski-ask-sonner/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/emilkowalski-ask-sonner.md manifest موقَّع GET /api/skills/emilkowalski-ask-sonner/manifest lockfile موقَّع GET /api/skills/emilkowalski-ask-sonner/lockfile

اختبرها

جارٍ استخدام "ask-sonner". My toast appears twice in development.

النتيجة المتوقعة:

Check for multiple mounted Toasters first. If only one exists, move the toast call from a StrictMode effect into the event handler.

جارٍ استخدام "ask-sonner". My promise toast never leaves the loading state.

النتيجة المتوقعة:

Confirm that the first argument is a promise or returns one. Then verify that the underlying operation resolves or rejects.

جارٍ استخدام "ask-sonner". Tailwind classes do not change the toast colors.

النتيجة المتوقعة:

Sonner default styles may win the cascade. Use important utilities for small changes, or choose unstyled or custom rendering for broader control.

التدقيق الأمني

آمن
v1 • ١١‏/٨‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All 45 static findings are false positives caused by Markdown syntax, React and Sonner API examples, and one documentation link. The skill is documentation-only and contains no command execution, system reconnaissance, prompt injection, or suspicious network behavior.

2
الملفات التي تم فحصها
146
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة

عوامل الخطر

⚙️ الأوامر الخارجية (38)
SKILL.md:8 SKILL.md:14 SKILL.md:15 SKILL.md:17-20 SKILL.md:20-26 SKILL.md:26 SKILL.md:27 SKILL.md:28-29 SKILL.md:29-30 SKILL.md:30 SKILL.md:31-32 SKILL.md:32 SKILL.md:36 SKILL.md:38-41 SKILL.md:41-43 SKILL.md:43 SKILL.md:45-47 SKILL.md:47 SKILL.md:49 SKILL.md:55 SKILL.md:56 SKILL.md:57 SKILL.md:58 SKILL.md:60 SKILL.md:62 SKILL.md:68 SKILL.md:69 SKILL.md:70 SKILL.md:71-72 SKILL.md:72 SKILL.md:73 SKILL.md:74 SKILL.md:75-76 SKILL.md:76 SKILL.md:77-78 SKILL.md:78 SKILL.md:79 SKILL.md:80
🌐 الوصول إلى الشبكة (1)
SKILL.md:8
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: codex
شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار
تقييم الأمان

نسخ رابط التقرير

https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-ask-sonner/security.svg)](https://skillstore.io/skills/emilkowalski-ask-sonner?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/emilkowalski-ask-sonner?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-ask-sonner/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/emilkowalski-ask-sonner.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

emilkowalski. (2026). ask-sonner security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1

اقتباس BibTeX

@techreport{emilkowalski-emilkowalski-ask-sonner-2026, author = {emilkowalski}, title = {ask-sonner security audit report (audit version 1)}, institution = {Skillstore}, year = {2026}, number = {1}, url = {https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "ask-sonner security audit report (audit version 1)" version: "unspecified" type: report authors: - name: "emilkowalski" date-released: "2026-08-11" url: "https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1" identifiers: - type: other value: "skillstore:emilkowalski-ask-sonner:audit:1" description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: متوسط
55
الهندسة المعمارية
85
قابلية الصيانة
85
المحتوى
65
المجتمع
83
الامتثال للمواصفات

ما الذي يمكنك بناؤه

Add Toasts to a React Application

Configure the Toaster and choose the correct toast method for common user feedback.

Standardize Product Notifications

Create consistent toast behavior, styling, actions, icons, and themes across a product.

Resolve Sonner Display Problems

Trace missing, duplicated, unstyled, hidden, persistent, or incorrectly targeted notifications.

جرّب هذه الموجّهات

Basic Setup 
Show me how to add Sonner to my React application with one Toaster and a success toast.
Promise Feedback 
Convert this asynchronous save flow to toast.promise with clear loading, success, and error messages: [describe flow].
Custom Styling 
Recommend the simplest Sonner styling approach for these design requirements: [requirements]. Include theme and icon configuration.
Systematic Diagnosis 
Diagnose this Sonner issue using my component placement, call site, framework, styles, and observed behavior: [context]. Prioritize likely causes.

أفضل الممارسات

  • Mount one Toaster near the application root.
  • Trigger toast calls from client events, effects, or callbacks.
  • Use stable identifiers when updating an existing toast.

تجنب

  • Do not mount a Toaster on every page or conditionally.
  • Do not call toast directly inside server actions.
  • Do not layer many important CSS overrides when custom rendering is clearer.

الأسئلة المتكررة

Does Sonner require a provider?
No. Mount one Toaster and import the toast function where client code needs it.
Can toast be called from a server action?
No. Return the action result and call toast from the client code that receives it.
How do I update a loading toast?
Store the returned toast identifier, then call another toast method with that same identifier.
How do I support dark mode?
Set the Toaster theme to system or pass the resolved value from your theme provider.
Why does one toast appear in every Toaster?
Assign each Toaster an identifier and pass the matching toasterId with the toast call.
When should I use custom rendering?
Use custom rendering when a design system needs complete visual control while retaining Sonner behavior.

تفاصيل المطور

المؤلف

emilkowalski

الترخيص

MIT

مراجعة Skillstore

r1

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

https://github.com/emilkowalski/skills/tree/78761e1b57f97dce65b983d640c70a68f39e8163/skills/ask-sonner

مرجع

c40485c25b35e0203cf615647a1fd81ad7a69ea8

حداثة الصيانة

١١‏/٨‏/٢٠٢٦

الاستخدام

0 تنزيلات · 0 مشاهدات

بنية الملفات

📄 API.md

📄 SKILL.md

المزيد من emilkowalski

عرض الكل

مهارات ذات صلة

عرض الكل