break
Stress-Test a UI Component
UI components often fail when content, states, or container sizes differ from the expected path. This skill builds a focused harness that exposes visible failures.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "break" from https://skillstore.io/skills/jakubkrehel-break.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-break/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "break". Stress-test the product card component.
النتيجة المتوقعة:
- Long unbreakable title: text crosses the card boundary. Owner: typography.
- Zero-price state: layout remains stable.
- Narrow container: action button escapes the card. Owner: layout.
جارٍ استخدام "break". Test the status badge across relevant scenarios.
النتيجة المتوقعة:
Everything survived. The report page includes empty, typical, long, RTL, narrow-container, and disabled scenarios.
جارٍ استخدام "break". Check the results list with realistic quantities and states.
النتيجة المتوقعة:
- Zero items: the list region is blank without an empty-state message. Owner: writing.
- Large quantity: the list extends without the expected scroll boundary. Owner: layout.
التدقيق الأمني
آمنAll seven static findings are false positives caused by ordinary prose, Markdown tables, and inline code formatting. No external command execution, system reconnaissance, prompt injection, or other malicious intent was found.
عوامل الخطر
⚙️ الأوامر الخارجية (5)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/jakubkrehel-break/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/jakubkrehel-break?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/jakubkrehel-break?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-break/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/jakubkrehel-break.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
jakubkrehel. (2026). break security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-break/audits/1اقتباس BibTeX
@techreport{jakubkrehel-jakubkrehel-break-2026,
author = {jakubkrehel},
title = {break security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/jakubkrehel-break/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: "break security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "jakubkrehel"
date-released: "2026-09-04"
url: "https://skillstore.io/skills/jakubkrehel-break/audits/1"
identifiers:
- type: other
value: "skillstore:jakubkrehel-break:audit:1"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: متوسطما الذي يمكنك بناؤه
Validate a New Component
Render a new component with realistic text, quantity, width, and state variations before review.
Review Design System Resilience
Check a shared component against narrow containers, long content, RTL text, and supported modes.
Reproduce a UI Failure
Isolate a reported component issue on a temporary page and compare related edge cases.
جرّب هذه الموجّهات
Stress-test the [component name] component. Build a temporary harness with relevant scenarios and report only visible failures.
Test [component name] with empty, typical, long, unbreakable, RTL, and mixed-direction content where its props support these cases.
Render [component name] across supported loading, error, and disabled states within narrow, constrained, full-width, and wide containers.
Inspect [component path], derive applicable scenario axes from its API, explain excluded axes, build the harness, and classify observed failures by owner.
أفضل الممارسات
- Choose one component and state its input, output, and intended location before building the harness.
- Include only scenario axes supported by the component API, and explain why other axes were excluded.
- Use the real component, application styles, fixture data, and fixed containers without adding custom presentation.
تجنب
- Do not test every scenario axis when the component cannot receive that variation.
- Do not report predicted failures that were not visible on the rendered page.
- Do not connect the harness to production state, live data, or production imports.
الأسئلة المتكررة
What does this skill test?
Does it test complete pages?
Will it change my component?
Does it use production data?
Will it fix detected problems?
When is the temporary page removed?
تفاصيل المطور
المؤلف
jakubkrehelالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
المستودع
https://github.com/jakubkrehel/skills/tree/267330e1adfc66a718fb65fa6918c1f06d0a689e/skills/breakمرجع
096c7daa4d0d974771dad12d81c3d0d4688617b9
حداثة الصيانة
٨/٩/٢٠٢٦
الاستخدام
1 تنزيلات · 0 مشاهدات
بنية الملفات