design-taste-frontend
Architects premium digital interfaces with strict design rules, enhancing user experience through advanced UI/UX engineering.
Install this skill
Security score
The design-taste-frontend skill was audited on May 27, 2026 and we found 35 security issues across 2 threat categories, including 1 high-severity. Review the findings below before installing.
Categories Tested
Security Issues
Template literal with variable interpolation in command context
| 453 | end: () => `+=${distance}`, // scroll distance = track width minus viewport |
Template literal with variable interpolation in command context
| 473 | Critical points: `start: "top top"`, `pin: true`, `end: "+=${distance}"` (scroll length = horizontal travel needed), `scrub: 1`. The wrapper is pinned, the inner track slides horizontally as the user |
External URL reference
| 269 | * `https://picsum.photos/seed/{descriptive-seed}/{w}/{h}` for placeholder photography (seed should describe the section, e.g. `marrow-cookware-kitchen`) |
External URL reference
| 277 | * **Source: Simple Icons** (`https://cdn.simpleicons.org/{slug}/ffffff` for any color, or `simple-icons` npm package). Covers most known brands. |
External URL reference
| 626 | * **NO broken Unsplash links.** Use `https://picsum.photos/seed/{descriptive-string}/{w}/{h}`, or generated photo placeholders, or actual assets. |
External URL reference
| 1030 | # <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script> |
External URL reference
| 1037 | - https://material-web.dev/theming/material-theming/ |
External URL reference
| 1038 | - https://m3.material.io/develop/web |
External URL reference
| 1041 | - https://fluent2.microsoft.design/get-started/develop |
External URL reference
| 1042 | - https://fluent2.microsoft.design/components/web/react/ |
External URL reference
| 1044 | - https://learn.microsoft.com/en-us/fluent-ui/web-components/ |
External URL reference
| 1047 | - https://carbondesignsystem.com/ |
External URL reference
| 1049 | - https://carbondesignsystem.com/developing/react-tutorial/overview/ |
External URL reference
| 1050 | - https://carbondesignsystem.com/developing/web-components-tutorial/overview/ |
External URL reference
| 1053 | - https://shopify.dev/docs/api/app-home/web-components |
External URL reference
| 1055 | - https://polaris-react.shopify.com/components |
External URL reference
| 1058 | - https://atlassian.design/get-started/develop |
External URL reference
| 1059 | - https://atlassian.design/components/button/examples |
External URL reference
| 1060 | - https://atlaskit.atlassian.com/packages/design-system/button/example/disabled |
External URL reference
| 1061 | - https://atlassian.design/tokens/design-tokens |
External URL reference
| 1064 | - https://primer.style/ |
External URL reference
| 1069 | - https://design-system.service.gov.uk/components/button/ |
External URL reference
| 1070 | - https://design-system.service.gov.uk/styles/layout/ |
External URL reference
| 1074 | - https://designsystem.digital.gov/documentation/developers/ |
External URL reference
| 1075 | - https://designsystem.digital.gov/components/button/ |
External URL reference
| 1076 | - https://designsystem.digital.gov/components/card/ |
External URL reference
| 1080 | - https://getbootstrap.com/docs/5.3/layout/grid/ |
External URL reference
| 1081 | - https://getbootstrap.com/docs/5.3/components/card/ |
External URL reference
| 1084 | - https://tailwindcss.com/docs/dark-mode |
External URL reference
| 1085 | - https://tailwindcss.com/blog/tailwindcss-v4 |
External URL reference
| 1088 | - https://www.radix-ui.com/themes/docs/components/theme |
External URL reference
| 1089 | - https://www.radix-ui.com/themes/docs/components/card |
External URL reference
| 1093 | - https://ui.shadcn.com/docs |
External URL reference
| 1094 | - https://ui.shadcn.com/docs/components/card |
External URL reference
| 1103 | - https://drafts.csswg.org/scroll-animations-1/ |