prototype
Explore Distinct UI Variants
Choosing a UI direction from one implementation limits useful comparison. This skill builds distinct, working variants in a live picker before integration.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "prototype" from https://skillstore.io/skills/emilkowalski-prototype.md and its manifest at https://skillstore.io/api/skills/emilkowalski-prototype/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "prototype". Prototype three account deletion confirmations.
Expected outcome:
- Guarded: explicit warning, typed confirmation, and restrained motion.
- Progressive: consequences appear before the destructive action becomes available.
- Contextual: account impact and export options sit beside the final action.
Using "prototype". Keep the Dense variant.
Expected outcome:
The Dense variant is integrated using the project's existing conventions. The temporary prototype surface is removed.
Using "prototype". Riff on the Editorial direction.
Expected outcome:
A new picker presents three editorial variations with distinct hierarchy, spacing, and motion approaches.
Security Audit
SafeAll 18 static findings are false positives caused by JavaScript, CSS, or Markdown syntax. The picker uses locally authored render functions in an isolated prototype, and no prompt injection, credential access, shell execution, or system reconnaissance was found.
Risk Factors
⚡ Contains scripts (2)
⚙️ External commands (10)
📁 Filesystem access (1)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/emilkowalski-prototype/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/emilkowalski-prototype?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/emilkowalski-prototype?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-prototype/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/emilkowalski-prototype.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
emilkowalski. (2026). prototype security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-prototype/audits/1BibTeX citation
@techreport{emilkowalski-emilkowalski-prototype-2026,
author = {emilkowalski},
title = {prototype security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/emilkowalski-prototype/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: "prototype security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-08-05"
url: "https://skillstore.io/skills/emilkowalski-prototype/audits/1"
identifiers:
- type: other
value: "skillstore:emilkowalski-prototype:audit:1"
description: "Skillstore immutable audit report identifier"
Compare variants
2 installable variantsEach author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.
Why this variant is first
mattpocock-prototype
2026-08-21
emilkowalski-prototype
2026-08-21
Skillstore Score
Why this score Evidence Confidence: MediumWhat You Can Build
Compare Product UI Directions
Explore distinct layouts and interaction models for a product component before committing engineering time.
Prototype Within an Existing App
Build isolated variants that reuse the current framework, tokens, and frontend conventions.
Review a Decision With Stakeholders
Present working alternatives in a consistent picker with clear benefits and costs.
Try These Prompts
Prototype three distinct versions of a settings save button. Keep them consistent with this project and show them in the picker.
Prototype three notification center variants that differ in layout, density, and interaction model. Use realistic content and preserve accessibility.
Prototype five checkout confirmation variants. Explore quiet, editorial, compact, reassuring, and action-focused directions within the existing design system.
Riff on the compact variant with three new directions. After I choose one, integrate it and remove the prototype surface.
Best Practices
- Describe one component, its product context, and its required interactions.
- Name the design axes that matter, such as density, hierarchy, motion, or interaction model.
- Compare every variant live before selecting one for integration.
Avoid
- Do not request an entire dashboard or multi-page flow in one run.
- Do not treat color-only changes as genuinely different design directions.
- Do not promote a variant before checking its interactions and tradeoffs.
Frequently Asked Questions
How many variants does the skill create?
Does it modify production code immediately?
Can it work without an existing project?
Does it use the existing design system?
Can I request another round?
What happens after I choose a variant?
Developer Details
Author
emilkowalskiLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
286d37c9c189ddd1aafd3548415fb031d1df79d5
Maintenance freshness
8/6/2026
Usage
0 downloads · 0 views