From superpowers
Builds production-quality websites and landing pages using Figma Make with Gemini 3 Pro. Prototypes from Figma Community inspiration, adds animated components from 21st.dev and video backgrounds.
npx claudepluginhub lunartech-x/superpowers --plugin superpowersThis skill uses the workspace's default tool permissions.
Build production-quality websites using Figma Make without manual coding.
Builds complete frontend pages with React/Next.js, Tailwind, cinematic animations, AI-generated media assets, persuasive copy, and generative art for landing pages, marketing sites, and dashboards.
Designs award-winning web UIs with intentional mood, palette, typography, layout, and purposeful motion to escape generic AI aesthetics. Invoke for creative or designer-quality requests.
Creates distinctive visual identities for new UIs like landing pages, marketing sites, prototypes, or greenfield frontend projects without design systems. Builds on frontend-design with unique typography, color palettes, and memorable elements.
Share bugs, ideas, or general feedback.
Build production-quality websites using Figma Make without manual coding.
build out this UI exactlyadd a video under text and make sure it is stretching from side to sideUse 21st.dev for animated components:
Navigation Menu:
- Search "navigation menu" on 21st.dev
- Copy the prompt for desired style
- Paste in Figma: "add this navbar"
Logo Section:
- Search "logos" on 21st.dev
- Copy prompt for animated logo marquee
- Paste in Figma: "add this logo section below video"
add a video under text and make sure it is stretching from side to side
add this navbar [paste 21st.dev prompt]
below add this logo section [paste 21st.dev prompt]
add this to the background of hero [paste video URL]
give me a prompt to build out this site with all of the details to have exact design like we have
animate this make it spin make the spinning noticeable do not change the position make it looped