High End Visual Design Skill Security Audit
What the author says it does (original text)
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
No obvious risks found in this check
- Files checked
- 1
- Risks found
- 0
Inside this skill
The Skill is a visual-design specification for generating React, Tailwind, or HTML interfaces. It directs the agent to select preset styles and layouts and apply card, button, motion, and mobile rules.
View source
## 7. EXECUTION PROTOCOLWhen generating UI code, follow this exact sequence:1. **[SILENT THOUGHT]** Roll the Variance Engine (Section 3). Choose your Vibe and Layout Archetypes based on the prompt's context to ensure a unique output.2. **[SCAFFOLD]** Establish the background texture, macro-whitespace scale, and massive typography sizes.3. **[ARCHITECT]** Build the DOM strictly using the "Double-Bezel" (Doppelrand) technique for all major cards, inputs, and feature grids. Use exaggerated squircle radii (`rounded-[2rem]`).4. **[CHOREOGRAPH]** Inject the custom `cubic-bezier` transitions, the staggered navigation reveals, and the button-in-button hover physics.5. **[OUTPUT]** Deliver flawless, pixel-perfect React/Tailwind/HTML code. Do not include basic, generic fallbacks.The complete supplied source contains no installation steps, scripts, network requests, credential handling, account actions, or file-modification instructions. These lines therefore do not support a finding of data disclosure, unauthorized execution, or persistent file changes.
View source
## 6. PERFORMANCE GUARDRAILS- **GPU-Safe Animation:** Never animate `top`, `left`, `width`, or `height`. Animate exclusively via `transform` and `opacity`. Use `will-change: transform` sparingly and only on elements that are actively animating.- **Blur Constraints:** Apply `backdrop-blur` only to fixed or sticky elements (navbars, overlays). Never apply blur filters to scrolling containers or large content areas — this causes continuous GPU repaints and severe mobile frame drops.- **Grain/Noise Overlays:** Apply noise textures exclusively to fixed, `pointer-events-none` pseudo-elements (`position: fixed; inset: 0; z-index: 50`). Never attach them to scrolling containers.- **Z-Index Discipline:** Do not use arbitrary `z-50` or `z-[9999]`. Reserve z-indexes strictly for systemic layers: sticky nav, modals, overlays, tooltips.Files and check records1 files
Coverage and gaps
Content covered in each file
These are the source ranges included in this check, not a guarantee that every issue has been resolved.
SKILL.mdFull text included
This report is for the version above. We read the available code and instructions without running the skill or checking extra packages it installs. This is not a promise of safety: a different version or setup may behave differently.
SKILL.mdInstructions
- Lines read
- 99
- File checksum (to compare versions)
- fd99d906d724f21b9681516ac11596a1fb1b0615930d4d546bcc5f278c7e671d