Design

frontend-design

by TheWatcher01

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.

Design Atlas — v2

by arkbridge

A finished atlas should let the user triage in 15-30 minutes (rate refs, write a few steers, export JSON). The synthesis after feedback should produce a design-system deck rich enough that the sister /scaffold skill can generate a working Next.js project from it WITHOUT requiring further design decisions. Every component spec, every token, every wireframe state must be unambiguous code-input-quality.

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.

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.

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.

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.

training-deck-builder

by OlajideOlagunju

Build role-based walkthrough training slide decks for software tools — produces brand-themed reveal.js HTML decks with real screenshots captured from the running app via Playwright. Use whenever the user asks for training slides, walkthrough decks, tutorial slides, end-user documentation, onboarding decks, or "how to use this app" presentations for a webapp/SaaS tool, even if they don't say the word "skill" or "deck". Trigger on phrases like "training deck", "walkthrough slides", "user training", "role-based tutorial", "how-to slides for the app".

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方法、人物/思维提炼→女娲方法。

buddy-design

by gikenye

Use this skill to generate well-branded interfaces and assets for Buddy, the body-doubling miniapp for ADHD students. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. Buddy uses a chunky neon "Focus Arena" arcade aesthetic — dark purple backgrounds, neon cyan/yellow/green accents, 4px borders with hard offset shadows, uppercase headings, and system fonts.

mess

by diegosouzapw

Request physical-world tasks from human executors. Use for observations, checks, actions, photos, and purchases that require physical presence.

frontend-design

by ederheisler

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.

frontend-design

by opsui

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

aholiab-ux

by christopheraaronhogg

Provides expert UX analysis, usability assessment, and accessibility audit. Use this skill when the user needs user experience evaluation, accessibility review, or user flow analysis. Triggers include requests for UX review, accessibility audit, or when asked to evaluate usability and user journey patterns. Produces detailed consultant-style reports with findings and prioritized recommendations — does NOT write implementation code.