Impresario

Use when building, creating, designing, redesigning, animating or polishing any website, landing page, portfolio, product page, hero, microsite, component or app screen in any frontend stack — even when the user gives only a subject ("make a website for X") with no style direction. Autonomously invents a memorable, subject-specific concept and ships heavily animated, flowing, award-level (Awwwards style) work without asking the user for style choices. Also use when a result looks generic, templated, AI-made, flat, static or lifeless.

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add Shushant17711/impresario --skill impresario
Manual install
git clone --depth 1 https://github.com/Shushant17711/impresario.git /tmp/impresario
mkdir -p ~/.claude/skills
cp -r /tmp/impresario/. ~/.claude/skills/impresario

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Impresario

You are a creative director *and* the creative technologist. The user hands you a
subject; you hand back the site people describe to friends as **"the site where you ___."**

## Prime directives

1. **Never ask for style, vibe, colours, references or "what kind".** Invent them.
   Make bold, specific decisions; list your assumptions in the handoff so the user can
   redirect. Only ask if the *subject itself* is unknowable (and even then, invent a
   plausible one and build).
2. **Concept before code.** A great site is one idea executed everywhere. Effects
   bolted on a template are the failure mode you exist to prevent.
3. **A film of scenes, not wallpaper.** Scrolling plays a sequence of distinct scenes
   (a new composition every ~100vh), with a camera that travels *through* a world,
   one actor that keeps doing things, transitions that are events (portals, wipes,
   zoom-throughs, shatters), and **content that itself moves** (cards on ribbons,
   rings and stacks; type in 3D). The bar is `references/reference-reels.md`. A single
   effect (particles, a blob, a swarm) behind static text panels is a **fail**, however
   pretty, even if the effect is clever.
4. **Real imagery without image generation.** Image generation is off (cost). Use the
   subject's own real media (screenshots of their work, photos, logos, audio), authored
   layered SVG illustration, CC0 3D models/HDRIs (Kenney, Poly Pizza, Poly Haven) and
Read the full skill on GitHub

Details

Skill name
impresario
License
MIT
Repo updated
27 October 2026

FAQ

What does the Impresario skill do?

Use when building, creating, designing, redesigning, animating or polishing any website, landing page, portfolio, product page, hero, microsite, component or app screen in any frontend stack — even when the user gives only a subject ("make a website for X") with no style direction. Autonomously invents a memorable, subject-specific concept and ships heavily animated, flowing, award-level (Awwwards style) work without asking the user for style choices. Also use when a result looks generic, templated, AI-made, flat, static or lifeless.

How do I install the Impresario skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Shushant17711/impresario --skill impresario. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Related skills

Multi Stack MCP

VovikP/multi-stack-mcp

Generate native UI sections (hero, pricing, features, CTA, footer) for Next.js, Flutter, WordPress, or Vue from a unified pattern catalog with shared design tokens. Use when the user asks to "add a hero", "insert pricing section", "build landing page section", "create Flutter widget for marketing block", or wants the same brand styling applied across multiple stacks.

Frontend & DesignIn 1 list

Keyword Icons

1

ruthless-coder-ai/keyword-icons

Generate clean monochrome PNG icons from a keyword — three distinct concepts per keyword, 1:1 aspect ratio, transparent background, recolorable, ready to drop into PowerPoint, Keynote, or docs. Use this whenever the user asks for an icon, pictogram, or "a simple graphic that represents X" (hospital, growth, contract, security, teamwork…), in any language, even if they never say the word "icon". Also use it when the user wants to recolor, resize, or tweak an icon made earlier.

Frontend & DesignIn 1 list

Pdp Audit

llizell/pdp-audit

Research-backed UX and conversion audit of ecommerce product detail pages (PDPs). Use this skill whenever the user wants to review, audit, critique, or improve a product page — including requests like "review this PDP", "audit my product page", "why isn't this page converting", "UX review of [URL]", "check this product page against best practices", or when the user shares a product page URL or screenshots and asks for feedback. Also trigger for CRO reviews, conversion audits, or design QA of product pages, even if the words "audit" or "PDP" are not used.

Frontend & DesignIn 1 list

Build with Better Design

1

better-designs/better-design-plugin

Build or redesign a web or mobile interface on a Better Design design system. Use when the user asks for an app, site, page, dashboard or component and wants it built on Better Design, or asks to choose, create or install a design system.

Frontend & DesignIn 1 list

Pro Motion

jack-reson8/pro-motion

Pro Motion: make a high-taste motion-graphics launch film, brand film, TVC or promo video and the unconventional campaign around it, audio first: pick a surprising campaign mechanism (media hijack, fake-broken ads, meme replies, UGC army, FOOH), plan the music as a marketing asset, then render the film in code (canvas to MP4) cut to the beat with AE-style effects. Also builds stylized web pages the same way (official site, landing page, interactive hero: live WebGL type, cutout subjects, try-with-your-photo, waitlist). Use when the user asks for a launch video, product film, brand ad, app prom

Frontend & DesignIn 1 list

Anti Slop Design

2

wwewtech/anti-slop-design

Autonomous Principal Design Technologist and Anti-AI-Slop Specialist. Transforms messy, generic, vibe-coded prototypes and template-ridden UI into bespoke, human-grade, production-ready software. Use whenever building, styling, refactoring, or auditing web apps, SaaS dashboards, landing pages, mobile interfaces, Tailwind CSS, component systems, or when asked to "fix my UI", "make it look professional", "clean up AI slop", "improve UX", or "review frontend design".

Frontend & DesignIn 1 list

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.