Навыки explain-interface

📦

explain-interface

Name: explain-interface
Author: jakubkrehel

Ревизия содержимого r1 Высокий риск ⚙️ Внешние команды📁 Доступ к файловой системе

Explain How a Web Interface Was Built

Web interfaces hide their implementation behind compiled styles and runtime behavior. This skill gathers evidence and explains the design system or visual effect.

Поддерживает: Claude Codex Code(CC)

⚠️ 38 Плохо

Остановитесь и запросите подтверждение перед установкой.

Проверьте план и получите явное согласие пользователя перед изменением файлов.

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "explain-interface" from https://skillstore.io/skills/jakubkrehel-explain-interface.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-explain-interface/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/jakubkrehel-explain-interface.md Подписанный manifest GET /api/skills/jakubkrehel-explain-interface/manifest Подписанный lockfile GET /api/skills/jakubkrehel-explain-interface/lockfile

Протестировать

Использование «explain-interface». Explain the soft gradient behind the hero on the supplied page.

Ожидаемый результат:

Measured: A wide pseudo-element sits behind the hero and extends beyond the viewport.
Measured: A low-opacity multi-stop gradient is softened with a large blur.
Inferred: The oversize prevents blurred edges from appearing inside the viewport.

Использование «explain-interface». How is this site built?

Ожидаемый результат:

Frontend: Next.js is strongly indicated by framework-specific asset paths.
Styling: CSS custom properties define semantic colors, spacing, and radii.
Typography: Three recurring sizes form a consistent scale.
Limit: The cross-origin primary stylesheet could not be inspected.

Аудит безопасности

Высокий риск

v1 • 04.09.2026 Открыть версионный отчет

Most static findings are false positives caused by JavaScript template literals, Markdown code formatting, property names, and website fingerprinting. The skill contains a mutable package installation command and an unrestricted URL fetch that can reach internal resources.

Просканировано файлов

543

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Подтверждённые проблемы безопасности (1)

Высокий

no-browser.md:8-13

Unrestricted URL Fetch Can Reach Internal Services

The curl workflow follows redirects for an unchecked URL and then fetches linked stylesheets. A supplied URL can target local or private-network services.

The documented curl command directly consumes URL input with redirect following and no scheme, address, or redirect validation.

Пункты проверки возможностей (1)

Это реальные локальные возможности, которые могут ожидаться для этого навыка, поэтому они требуют проверки, но не считаются подтверждённым вредоносным поведением.

Средний

SKILL.md:39-41

Ruby/shell backtick execution

```bash

The fenced block runs npx with the mutable latest tag and changes the Claude MCP configuration. This executes unpinned third-party package code.

Факторы риска

⚙️ Внешние команды (25)

📁 Доступ к файловой системе (1)

read-the-system.md:51

Аудитор:: codex

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/jakubkrehel-explain-interface/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/jakubkrehel-explain-interface/security.svg)](https://skillstore.io/skills/jakubkrehel-explain-interface?utm_source=security_passport_badge)

Значок HTML

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

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/jakubkrehel-explain-interface.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). explain-interface security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-explain-interface/audits/1

Цитата BibTeX

@techreport{jakubkrehel-jakubkrehel-explain-interface-2026,
  author = {jakubkrehel},
  title = {explain-interface security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/jakubkrehel-explain-interface/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: "explain-interface security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "jakubkrehel"
date-released: "2026-09-04"
url: "https://skillstore.io/skills/jakubkrehel-explain-interface/audits/1"
identifiers:
  - type: other
    value: "skillstore:jakubkrehel-explain-interface:audit:1"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Средний

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Investigate a Visual Effect

Trace the layers, CSS properties, and motion that create a specific effect on a live page.

Document a Design System

Measure typography, spacing, colors, tokens, breakpoints, and component fingerprints across an interface.

Reconstruct from a Screenshot

Develop an evidence-labeled implementation recipe when the original page or source is unavailable.

Попробуйте эти промпты

Explain One Effect

Explain how the [effect] on [URL] is built. Identify each layer and label claims as measured, derived, or inferred.

Read the Interface System

Analyze [URL] as a complete interface system. Cover the frontend stack, tokens, typography, spacing, colors, motion, breakpoints, fonts, and images.

Reconstruct a Screenshot

Reconstruct how this screenshot could be implemented. Separate exact pixel evidence from ratios and assumptions, then list details that require a live URL.

Compare Responsive States

Inspect [URL] at desktop and mobile widths. Compare tokens, spacing, breakpoints, motion, and focus behavior with evidence for every difference.

Лучшие практики

Name the inspection route and label every claim as measured, derived, or inferred.
Inspect pseudo-elements, multiple viewport sizes, theme states, motion, and keyboard focus before concluding.
Explain the transferable mechanism and identify values or assets that cannot be copied safely.