Design

ui-ux-pro-max

by MStech206

Create exceptional user experiences with advanced UX research, user testing, psychology principles, and conversion optimization. Use whenever the user mentions user research, usability testing, customer journey, user flows, conversion funnels, A/B testing, user personas, or any aspect of improving how users interact with products. This skill ensures design decisions are data-driven and user-centered.

frontend-design

by Yendoh-Derek

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

setlarr-design

by JasmondWorks

Use this skill to generate well-branded interfaces and assets for Setlarr — the Nigerian peer-to-peer marketplace with built-in escrow. Contains essential design guidelines, colors, type tokens, fonts, assets, and a mobile UI kit for prototyping or shipping production work.

design-taste-frontend

by RndBE

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

secure-webapp

by hov172

Use for OWASP-grounded security guidance when building, editing, or reviewing web applications. Trigger proactively for auth, sessions, JWT/OAuth/OIDC, user input, DB queries, file uploads, API endpoints, cookies/CORS/CSP/security headers, secrets, redirects, external URL fetches, logging/errors, dependencies, threat modeling, hardening, audits, or vulnerability classes such as XSS, SQLi, IDOR, CSRF, SSRF, open redirect, prototype pollution, deserialization, and supply chain risk.

stencil-atomic-design-system

by CoRLab-Tech

Use when building a Stencil.js design system with Atomic Design methodology, design tokens, theming support, and slot-based components. Implements a multi-client architecture with standardized patterns for atoms, molecules, organisms, and templates.

frontend-design

by MaazQaiser

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

pixel-perfect-ui

by CoRLab-Tech

"Autonomous pixel-perfect UI implementation loop for Next.js/React using Figma MCP and Playwright. Converts Figma designs to production-ready components with iterative visual validation. AUTO-TRIGGERS on ANY request to implement Figma designs including: 'implement this Figma', 'build this page/component from Figma', 'create from Figma design', 'implement design', 'build this block', 'create component from design'. Use for: (1) Building pages/components from Figma, (2) Pixel-perfect accuracy, (3) Responsive layouts, (4) Design token conversion."

pm-company-research

by sanjayvsingh

'PM-optimized company research skill for four use cases: (1) full-scope general research on a company, (2) interview preparation at a target company, (3) competitive analysis, (4) synthesizing a company''s practices against industry patterns for strategic use. Use when the user says "research [company]" (triggers full research), "prepare for interview at [company]", "competitive analysis of [company]", "how does [company] approach [topic]", or "benchmark [company] against us". Generates structured markdown reports combining executive thinking, product strategy, PM organizational culture, Seven Powers competitive analysis, and market intelligence.'

landing-page-agency

by erickfilho1

Build and refine this agency product landing page using the project's brand system, design references, and approved copy. Use this skill whenever working on layout, sections, components, styling, motion, visual hierarchy, conversion-focused structure, or implementation decisions for this landing page.

applying-brand-guidelines

by aiagentskills

This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging

youtube-poop-video-maker

by Radcliffeinsubordinate572

Use this skill when the user wants a short YouTube poop, cursed trailer, glitch-poetry montage, absurd supercut, reflective meme edit, or FFmpeg-rendered remix video from text, webpages, code, documents, media, or from scratch. Activate for prompts like “make this weirder,” “give it a personal spin,” “what it feels like,” “render with ffmpeg,” or self-aware AI / LLM montage requests. The skill plans and renders a dense, aesthetically pleasing 20–60 second video with many micro-scenes, readable typography, restrained neon or analog treatments, controlled audio, optional TTS fragments, and a default seeded-remix blueprint that samples the bundled styles at runtime.

review-skill

by paulovictordsz

Use when asked to review, audit, or check an Angular feature module/branch in the DemarcoDS / Bancodoc.Interface project — both (A) for design-system consistency in the code (toasts incl. "salvo" form vs "inserido/editado" inline, modals incl. danger removal variant, button/action naming, form validation & duplicate-name messages, tables, breadcrumbs, form layout, clickable-count→modal links, tooltip-vs-alert), and (B) verifying the change in the running app (stale bundles, change-detection zones, mock-API signals). Reports what is out of standard with the correct pattern and the fix. Triggers on "está no padrão?", "fora do padrão", "padroniza", "revisa o módulo", "review em funcionamento/componentes".

UI/UX Pro Max - Design Intelligence

by zwmmm

game-design-compass

by payolajoker

Comprehensive game design planning skill that unifies role-based, genre-based, and platform-based design workflows into one system. Use when planning game concepts, writing or refining GDD sections, designing core loops, progression, balance, economy, narrative, level flow, UI/UX, monetization, or adapting design decisions for mobile, PC, console, web/HTML5, and VR/AR. Especially useful when the request needs structured design outputs with checklists, KPIs, risks, and implementation-ready handoff artifacts.

writing-style

by AdenCJM

Mandatory style guide for all written English output. Enforces Australian English spelling, bans common AI-tell words and phrases, and ensures a direct, natural, human tone. Use this skill every time you write, edit, rewrite, or review prose of any kind, including: emails, Slack messages, blog posts, reports, articles, presentations, one-pagers, job descriptions, speaker notes, customer replies, farewell messages, internal announcements, creative writing, or any other text a human will read. Also use when cleaning up AI-generated text (e.g. from ChatGPT, Gemini, or another LLM) to remove robotic language. If someone asks you to "make this sound more natural", "rewrite this", "draft a message", "write an email", "clean this up", or "fix the tone", this skill applies. Even short, informal messages like a two-line Slack ping must follow these rules. The only exceptions are code, variable names, and direct quotes. When in doubt, use this skill. It is better to over-trigger than to miss a case where the output sounds like AI wrote it.

frontend-design

by TiLDyiou

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.

MO-Frontend

by M4F-S

Expert frontend design skill for premium web UIs. Use when building or improving React/Next.js sites with Tailwind, Framer Motion, GSAP, shadcn/ui, glassmorphism, dark mode, scroll animations, or WebGL. Triggers on website design, landing page, dashboard, SaaS UI, portfolio, component library, or frontend development.

bb-sites 开发指南

by clawhubmx

```

principle-deepdive-html-style

by studious-mantle460

Generate a single-file deep-dive HTML article in the "principle-deepdive" visual style — dark/light dual-theme, indigo/amber accent palette, inline-SVG hand-drawn diagrams, collapsible cards, citation panels, sticky glass nav, zero external dependencies, offline-readable under 300KB. Use when authoring a long-form analytical HTML article that walks through a topic principle-by-principle with academic citations and visualizations, when the user asks for "principle deep-dive HTML" / "single-file analytical HTML" / "documentation HTML in deepdive style", or when migrating a markdown research note into a polished standalone HTML page.

primer-design

by bas

Create distinctive, production-grade frontend interfaces with high design quality using the primer design system and brand guidelines. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates polished code and UI design that fully conforms to the primer design system.

worldclass-tailwind-v4-visual-design

by tippyentertainment

A top-tier product/UI designer skill that uses Tailwind v4 plus Google Gemini Nano Banana image models to craft visually stunning, “award‑winning” marketing sites and apps with strong art direction, motion, and systems thinking.

wuji-dev

by AI-wuji

无极开发系统 — 融合龙虾军团、女娲、ComfyUI专家、Impeccable、社区最佳实践。开发/设计时自动激活。所有规则仅供参考，非强制。内置智能联动：UI深度审查→Impeccable方法、人物/思维提炼→女娲方法。

dashboard

by thangmdcp

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.