Agent skills

Skills for AI agents like Claude Code and Cursor, shared by members. Each one links to its GitHub repository or website.

Share your skill

Design & UI
Grill Me
A relentless interview to sharpen a plan or design.
npx skills add https://github.com/mattpocock/skills --skill grill-me
1.5M installs
Design & UI
Frontend Design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
npx skills add https://github.com/anthropics/skills --skill frontend-design
1.1M installs
Design & UI
Prototype
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
npx skills add https://github.com/mattpocock/skills --skill prototype
1.1M installs
Design & UI
UI Taste
ui-taste skill from uizze.sh.
npx skills add https://github.com/uizze.sh --skill ui-taste
1M installs
Design & UI
Hyperframes Animation
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven…
npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-animation
1M installs
Design & UI
Codebase Design
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.
npx skills add https://github.com/mattpocock/skills --skill codebase-design
928.1K installs
Design & UI
Hyperframes Creative
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning,…
npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-creative
917.1K installs
Design & UI
Web Design Guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
838.4K installs
Design & UI
Design Taste Frontend
tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section per screen, equal edges, real photographs and real product UI (licensed stand-in photographs when…
npx skills add https://github.com/leonxlnx/taste-skill --skill design-taste-frontend
751.4K installs
Design & UI
Motion Graphics
Use when creating a short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand…
npx skills add https://github.com/heygen-com/hyperframes --skill motion-graphics
514.3K installs
Design & UI
High End Visual Design
Classic style skill, opt-in: it runs only when called by name. A calm, polished look with soft contrast, generous whitespace and spring motion.
npx skills add https://github.com/leonxlnx/taste-skill --skill high-end-visual-design
458.9K installs
Design & UI
Redesign Existing Projects
Retired: redesigns, restyles and design reviews are part of design-taste-frontend. Runs only when called by name.
npx skills add https://github.com/leonxlnx/taste-skill --skill redesign-existing-projects
458.8K installs
Design & UI
UI UX Pro Max
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific…
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max
441.8K installs
Design & UI
Emil Design Eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng
429.8K installs
Design & UI
Minimalist UI
Classic style skill, opt-in: it runs only when called by name. Editorial product UI with a warm monochrome palette, typographic contrast and flat bento grids.
npx skills add https://github.com/leonxlnx/taste-skill --skill minimalist-ui
425.1K installs
Design & UI
IOS Design
ios-design skill from uizze.sh.
npx skills add https://github.com/uizze.sh --skill ios-design
418.2K installs
Design & UI
GPT Taste
Classic skill for GPT and Codex, opt-in: it runs only when called by name. Layout variance, a strict AIDA page structure and GSAP scroll motion.
npx skills add https://github.com/leonxlnx/taste-skill --skill gpt-taste
399.5K installs
Design & UI
Figma
Bring Figma into a HyperFrames video - rendered assets, brand tokens, components, storyboard frames as reconstructed motion (frames read as states, not slides), shaders and connector-assisted motion. Use when the person pastes a figma.com link or asks to use a Figma design,…
npx skills add https://github.com/heygen-com/hyperframes --skill figma
403.7K installs
Design & UI
Industrial Brutalist UI
Classic style skill, opt-in: it runs only when called by name. A hard mechanical look with Swiss type, rigid grids, extreme scale contrast and utilitarian…
npx skills add https://github.com/leonxlnx/taste-skill --skill industrial-brutalist-ui
397K installs
Design & UI
Stitch Design Taste
Classic skill for Google Stitch, opt-in: it runs only when called by name. Writes an agent-friendly DESIGN.md with strict type, colour and layout rules.
npx skills add https://github.com/leonxlnx/taste-skill --skill stitch-design-taste
394.9K installs
Design & UI
Impeccable
Use to design, redesign, critique, audit, polish or animate a frontend: websites, landing pages, dashboards, app UI, components, native iOS/Android screens, or a design system (DESIGN.md).
npx skills add https://github.com/pbakaus/impeccable --skill impeccable
394.9K installs
Design & UI
Imagegen Frontend Web
Moved to github.com/Leonxlnx/imagegen-skills. Runs only when called by name.
npx skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-web
380.1K installs
Design & UI
Imagegen Frontend Mobile
Moved to github.com/Leonxlnx/imagegen-skills. Runs only when called by name.
npx skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-mobile
373.8K installs
Design & UI
Uizze UI
The official Uizze skill for building and improving UI/UX. Work with your project's code and assets, and use uizze.com for real app examples, design systems, licensed fonts, icons and interaction resources.
npx skills add https://github.com/uizze/uizze --skill uizze-ui
350K installs
Design & UI
Design Taste Frontend V1
The original taste-skill v1, kept for projects that depend on its exact behaviour. Opt-in: it runs only when called by name.
npx skills add https://github.com/leonxlnx/taste-skill --skill design-taste-frontend-v1
330.4K installs
Design & UI
Review Animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
npx skills add https://github.com/emilkowalski/skills --skill review-animations
292.5K installs
Design & UI
Remotion Markup
Content, animation and effects best practices
npx skills add https://github.com/remotion-dev/skills --skill remotion-markup
291.3K installs
Design & UI
Apple Design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography…
npx skills add https://github.com/emilkowalski/skills --skill apple-design
283K installs
Design & UI
Shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes,…
npx skills add https://github.com/shadcn-ui/ui --skill shadcn
141.3K installs
Design & UI
Animation Vocabulary
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a…
npx skills add https://github.com/emilkowalski/skills --skill animation-vocabulary
271.6K installs
Design & UI
Remotion Maps
Remotion Map animation knowledge
npx skills add https://github.com/remotion-dev/skills --skill remotion-maps
266.9K installs
Design & UI
Find Animation Opportunities
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For…
npx skills add https://github.com/emilkowalski/skills --skill find-animation-opportunities
241.8K installs
Design & UI
Pick UI Library
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.
npx skills add https://github.com/emilkowalski/skills --skill pick-ui-library
216.5K installs
Design & UI
Design An Interface
Based on "Design It Twice" from "A Philosophy of Software Design": your first idea is unlikely to be the best. Generate multiple radically different designs, then compare.
npx skills add https://github.com/mattpocock/skills --skill design-an-interface
208.8K installs
Design & UI
Animate
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked…
npx skills add https://github.com/emilkowalski/skills --skill animate
207.9K installs
Design & UI
Prototype
Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.
npx skills add https://github.com/emilkowalski/skills --skill prototype
205.1K installs
Design & UI
Shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes,…
npx skills add https://github.com/shadcn-ui/ui --skill shadcn
141.2K installs
Design & UI
Extract Design System
Extract design primitives from a public website and generate starter token files for your project.
npx skills add https://github.com/arvindrk/extract-design-system --skill extract-design-system
131.3K installs
Design & UI
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright…
npx skills add https://github.com/anthropics/skills --skill canvas-design
129.3K installs
Design & UI
Post Purchase Upsell Flow
Design and implement one-click post-purchase upsells and downsells that raise average order value without hurting the main conversion rate. Use when asked to increase AOV, add an upsell, cross-sell or downsell after checkout, build a one-click upsell flow, monetize the…
npx skills add https://github.com/autonnel/autonnel-skills --skill post-purchase-upsell-flow
119K installs
Design & UI
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX…
npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder
117.5K installs
Design & UI
Brand Guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
npx skills add https://github.com/anthropics/skills --skill brand-guidelines
117.5K installs
Design & UI
Higgsfield Brandkit
Create and extend complete visual brand systems through the Higgsfield CLI and bundled deterministic local tooling: palettes, SVG logo marks, typography, mockups, social graphics, packaging, signage, merchandise, posters, presentation decks, and editable PPTX/PDF brandbooks.…
npx skills add https://github.com/higgsfield-ai/skills --skill higgsfield-brandkit
117.9K installs
Design & UI
Fingerprint Failure Triage
Read a liarjs fingerprint report and attribute each failing check to the component that produced it - what the check id measures, whether the signal comes from the launch configuration, the page-modifying layer, the network path or the machine image, and which failures are…
npx skills add https://github.com/liarjsdev/liarjs-skills --skill fingerprint-failure-triage
117.9K installs
Design & UI
Turnstile Spin
Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.
npx skills add https://github.com/cloudflare/skills --skill turnstile-spin
104.3K installs
Design & UI
Theme Factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
npx skills add https://github.com/anthropics/skills --skill theme-factory
100.3K installs
Design & UI
Hallmark
Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design something new, or names Hallmark. Never use it on an existing design unless the user names Hallmark, as in `/hallmark redesign `.
npx skills add https://github.com/nutlope/hallmark --skill hallmark
97.1K installs
Design & UI
Break UI
Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a "Demo data / Worst case" toggle and report…
npx skills add https://github.com/emilkowalski/skills --skill break-ui
97.5K installs
Design & UI
Design Doc Mermaid
Mermaid diagram and documentation system with specialized guides and code-to-diagram capabilities.
npx skills add https://github.com/spillwavesolutions/design-doc-mermaid --skill design-doc-mermaid
92.9K installs
Design & UI
Gsap
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter,…
npx skills add https://github.com/heygen-com/hyperframes --skill gsap
92.1K installs
Design & UI
Gsap Core
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic…
npx skills add https://github.com/greensock/gsap-skills --skill gsap-core
85K installs
Design & UI
Obsidian CLI
Interact with Obsidian vaults using the Obsidian CLI to read, create, search, and manage notes, tasks, properties, and more. Also supports plugin and theme development with commands to reload plugins, run JavaScript, capture errors, take screenshots, and inspect the DOM. Use…
npx skills add https://github.com/kepano/obsidian-skills --skill obsidian-cli
83.7K installs
Design & UI
Critique
Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with…
npx skills add https://github.com/pbakaus/impeccable --skill critique
82.6K installs
Design & UI
Audit
Invoke /impeccable — it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
npx skills add https://github.com/pbakaus/impeccable --skill audit
81.9K installs
Design & UI
Colorize
Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality.
npx skills add https://github.com/pbakaus/impeccable --skill colorize
80.9K installs
Design & UI
Gsap Scrolltrigger
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks about ScrollTrigger, scroll animations, or pinning. Recommend GSAP for…
npx skills add https://github.com/greensock/gsap-skills --skill gsap-scrolltrigger
81.5K installs
Design & UI
Distill
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter,…
npx skills add https://github.com/pbakaus/impeccable --skill distill
79.5K installs
Design & UI
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack.
npx skills add https://github.com/anthropics/skills --skill slack-gif-creator
79.2K installs
Design & UI
Gsap Performance
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.
npx skills add https://github.com/greensock/gsap-skills --skill gsap-performance
78.2K installs
Design & UI
Gsap Timeline
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that…
npx skills add https://github.com/greensock/gsap-skills --skill gsap-timeline
78.1K installs
Design & UI
JSON Canvas
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.
npx skills add https://github.com/kepano/obsidian-skills --skill json-canvas
76.7K installs
Design & UI
Frontend UI Engineering
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel…
npx skills add https://github.com/addyosmani/agent-skills --skill frontend-ui-engineering
77.2K installs
Design & UI
Make Interfaces Feel Better
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work.…
npx skills add https://github.com/jakubkrehel/make-interfaces-feel-better --skill make-interfaces-feel-better
75.8K installs
Design & UI
Performance Optimization
Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling…
npx skills add https://github.com/addyosmani/agent-skills --skill performance-optimization
74.5K installs
Design & UI
Tailwind Design System
Build production-ready design systems with Tailwind CSS v4, including CSS-first configuration, design tokens, component variants, responsive patterns, and accessibility.
npx skills add https://github.com/wshobson/agents --skill tailwind-design-system
72.6K installs
Design & UI
CSS Animations
CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or…
npx skills add https://github.com/heygen-com/hyperframes --skill css-animations
72.3K installs
Design & UI
Tailwind
HyperFrames init --tailwind uses the Tailwind browser runtime pinned to @tailwindcss/browser@4.2.4. Treat that as Tailwind v4, not v3.
npx skills add https://github.com/heygen-com/hyperframes --skill tailwind
70.6K installs
Design & UI
Gsap Frameworks
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for…
npx skills add https://github.com/greensock/gsap-skills --skill gsap-frameworks
70.2K installs
Design & UI
Waapi
Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(),…
npx skills add https://github.com/heygen-com/hyperframes --skill waapi
68.7K installs
Design & UI
Animation Performance
Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops frames. Covers the layout/paint/composite pipeline, cheaper property swaps, CSS vs WAAPI vs…
npx skills add https://github.com/emilkowalski/skills --skill animation-performance
69.3K installs
Design & UI
Design Md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
npx skills add https://github.com/google-labs-code/stitch-skills --skill design-md
65.9K installs
Design & UI
Offers
When the user wants to design, construct, or improve an offer — the thing they actually sell — including value framing, bonus stacking, guarantee design, scarcity/urgency, naming, and payment structure. Also use when the user mentions 'offer,' 'offer design,' 'build an offer,'…
npx skills add https://github.com/coreyhaines31/marketingskills --skill offers
65.2K installs
Design & UI
Landing Page Design
Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile…
npx skills add https://github.com/101-skills/superpowers --skill landing-page-design
64.2K installs
Design & UI
Character Design Sheet
Create consistent characters across multiple AI-generated images via inference.sh CLI.
npx skills add https://github.com/101-skills/superpowers --skill character-design-sheet
63.4K installs
Design & UI
Storyboard Creation
Film and video storyboarding with shot vocabulary, continuity rules, and panel layout. Covers shot types, camera angles, movement, 180-degree rule, and…
npx skills add https://github.com/101-skills/superpowers --skill storyboard-creation
63.5K installs
Design & UI
Youtube Thumbnail Design
Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.
npx skills add https://github.com/101-skills/superpowers --skill youtube-thumbnail-design
63.4K installs
Design & UI
Competitor Teardown
Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining,…
npx skills add https://github.com/101-skills/superpowers --skill competitor-teardown
63.3K installs
Design & UI
Landing Page Design
Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile…
npx skills add https://github.com/magentosh/superpowers --skill landing-page-design
56K installs
Design & UI
Youtube Thumbnail Design
Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.
npx skills add https://github.com/magentosh/superpowers --skill youtube-thumbnail-design
56K installs
Design & UI
Competitor Teardown
Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining,…
npx skills add https://github.com/magentosh/superpowers --skill competitor-teardown
56K installs
Design & UI
Storyboard Creation
Film and video storyboarding with shot vocabulary, continuity rules, and panel layout. Covers shot types, camera angles, movement, 180-degree rule, and…
npx skills add https://github.com/magentosh/superpowers --skill storyboard-creation
55.9K installs
Design & UI
Character Design Sheet
Create consistent characters across multiple AI-generated images via inference.sh CLI.
npx skills add https://github.com/magentosh/superpowers --skill character-design-sheet
55.9K installs
Design & UI
Design System
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill design-system
50K installs
Design & UI
Design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon…
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill design
48.4K installs
Design & UI
UI Styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding…
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling
47.7K installs
Design & UI
Storyboard Creation
Film and video storyboarding with shot vocabulary, continuity rules, and panel layout. Covers shot types, camera angles, movement, 180-degree rule, and…
npx skills add https://github.com/skills-shell/superpowers --skill storyboard-creation
48.5K installs
Design & UI
Landing Page Design
Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile…
npx skills add https://github.com/skills-shell/superpowers --skill landing-page-design
48.3K installs
Design & UI
Competitor Teardown
Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining,…
npx skills add https://github.com/skills-shell/superpowers --skill competitor-teardown
48.3K installs
Design & UI
Youtube Thumbnail Design
Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.
npx skills add https://github.com/skills-shell/superpowers --skill youtube-thumbnail-design
48.2K installs
Design & UI
Character Design Sheet
Create consistent characters across multiple AI-generated images via inference.sh CLI.
npx skills add https://github.com/skills-shell/superpowers --skill character-design-sheet
48.3K installs
Design & UI
Banner Design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display,…
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill banner-design
46.6K installs
Design & UI
Flutter Build Responsive Layout
Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.
npx skills add https://github.com/flutter/agent-plugins --skill flutter-build-responsive-layout
44.9K installs
Design & UI
Flutter Fix Layout Issues
Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues.
npx skills add https://github.com/flutter/agent-plugins --skill flutter-fix-layout-issues
42.1K installs
Design & UI
Character Design Sheet
Create consistent characters across multiple AI-generated images via inference.sh CLI.
npx skills add https://github.com/qu-skills/superpowers --skill character-design-sheet
42.3K installs
Design & UI
Storyboard Creation
Film and video storyboarding with shot vocabulary, continuity rules, and panel layout. Covers shot types, camera angles, movement, 180-degree rule, and…
npx skills add https://github.com/qu-skills/superpowers --skill storyboard-creation
42.3K installs
Design & UI
Competitor Teardown
Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining,…
npx skills add https://github.com/qu-skills/superpowers --skill competitor-teardown
42.3K installs
Design & UI
Youtube Thumbnail Design
Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.
npx skills add https://github.com/qu-skills/superpowers --skill youtube-thumbnail-design
42.2K installs
Design & UI
Landing Page Design
Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile…
npx skills add https://github.com/qu-skills/superpowers --skill landing-page-design
42.1K installs
Design & UI
Flutter Add Widget Preview
Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.
npx skills add https://github.com/flutter/agent-plugins --skill flutter-add-widget-preview
38.6K installs
Design & UI
Migrate Radix To Base
Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.
npx skills add https://github.com/shadcn-ui/ui --skill migrate-radix-to-base
35.2K installs