Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS
The skill file stays in the publisher's repository.
Paste the copied command in a terminal. It installs this SKILL.md into that agent.
npx skills add Leonxlnx/taste-skill --skill redesign-skill -a cursor -y
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
When applied to an existing project, follow this sequence:
Check for these problems and fix them:
Geist, Outfit, Cabinet Grotesk, Satoshi. For editorial/creative projects, pair a serif header with a sans-serif body.font-variant-numeric: tabular-nums) for data-heavy interfaces.text-wrap: balance or text-wrap: pretty.#000000 background. Replace with off-black, dark charcoal, or tinted dark (#0a0a0a, #121212, or a dark navy).box-shadow. Tint shadows to match the background hue. Use colored shadows (e.g., dark blue shadow on a blue background) instead of pure black at low opacity.#111 in the middle of a cream page.https://picsum.photos/seed/{name}/1920/1080 when real assets are not available. Experiment with background images behind hero sections, feature blocks, or CTAs — even a subtle full-width photo at low opacity adds presence.height: 100vh for full-screen sections. Replace with min-height: 100dvh to prevent layout jumping on mobile browsers (iOS Safari viewport bug).scale(0.98) or translateY(1px) on press to simulate a physical click.window.alert().#. Either link to real destinations or visually disable them.aria-expanded for the control.scroll-behavior: smooth.top, left, width, height. Switch to transform and opacity for GPU-accelerated, smooth animation.99.99%, 50%, $100.00. Use organic, messy data: 47.2%, $99.00, +1 (312) 847-1928.<nav>, <main>, <article>, <aside>, <section>.inert ancestors, exposed to assistive technology and operable by pointer and keyboard, with visible focus indicators. Suppress focus and interaction in inactive expanded sidebar content with inert, hidden, or display: none; use explicit tab-stop and interaction management if a visual transition keeps it rendered. aria-hidden="true" alone does not remove descendants from the tab order.%, rem, em, max-width) for flexible layouts.alt="" or alt="image" on meaningful images.9999. Establish a clean z-index scale in the theme/variables.package.json or the project dependencies.<title>, description, og:image, and social sharing meta tags.When upgrading a project, pull from these high-impact techniques to replace generic patterns:
backdrop-filter: blur. Add a 1px inner border and a subtle inner shadow to simulate edge refraction.Apply changes in this order for maximum visual impact with minimum risk: