Design & Media

firstp1ck Bundle

Use when building or styling desktop apps, Quickshell QML components, bars, panels, popups, launchers, notifications, or widgets that should fit an existing system theme. Derives reusable palette, interaction, spacing, typography, border, geometry, and motion tokens from the target project and desktop instead of guessing values.

career-cafe Bundle

Official visual design system, typography, theme models, multi-surface UI protocols, and frozen landing page specifications for CareerCafe and CurioTech products (v3.2).

thanhlamauto Bundle

Turn a research method into a publication-quality, editable scientific figure with draw.io as the canonical source. Use when the user asks to draw a method figure, a paper figure, an architecture or mechanism diagram, a competitor-vs-ours comparison in one visual language, a method-delta figure for a weekly update, or to extract the visual style of a reference figure and redraw different content in that style. Outputs editable .drawio plus SVG/PDF/PNG and native PowerPoint. Not for arbitrary illustration, logos, or copying a copyrighted figure.

getedgehq Bundle

Generate images with OpenAI GPT Image 2 via the Codex CLI, billed through the user's ChatGPT Plus subscription (no OpenAI API key, no per-image API cost). Use when the user asks to create, generate, or make an image, picture, illustration, icon, hero graphic, or concept art from a text prompt.

gabrielmoreira Bundle

Apply or extend the project's Tailwind design tokens (colors, spacing, typography) consistently, and audit existing markup for hardcoded/arbitrary values that should use tokens instead. Use when asked to "fix styling", "make this consistent with the design system", "add a new color/theme token", or "convert this to Tailwind".

inference-sh Skill

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

inference-sh Skill

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

code-yeongyu Bundle

MUST USE after building/changing any UI or when asked whether a page, component, or TUI looks right. Rigorous visual QA across web/page and terminal UIs. Prefer browser:control-in-app-browser for unauthenticated browser/page QA in Codex, then Playwright/agent-browser/dev-browser. Captures screenshot/TUI evidence with bundled diff scripts, runs design-system/functional and visual-fidelity/CJK reviewer passes, then synthesizes a good/bad verdict. Triggers: visual QA, screenshot/pixel diff, UI looks wrong, reference fidelity, design system check, responsive check, CJK text clipping, TUI alignment, box-drawing drift.

everyone-needs-a-copilot Skill

Visual design patterns covering design tokens (color, spacing, typography), component state specifications, WCAG 2.1 AA compliance rules, and anti-patterns for hard-coded values or missing states. Use proactively when defining a design token system, specifying component states across all interactive conditions, verifying WCAG 2.1 AA compliance for contrast and touch targets, building a consistent accessible design system, or reviewing components for missing states or hard-coded values.

mjorgin Bundle

图像理解、OCR 与截图视觉 QA。用户要求分析、识别、描述图片或截图，检查 UI 文字重叠、溢出、错位、水印、Logo 或视觉 bug，或输出结构化视觉证据时使用。通过用户自配的智谱 GLM-4V-Flash、可选 DeepSeek、SiliconFlow、SenseNova、Gemini 或 OpenAI 兼容引擎故障转移；密钥只从环境变量、DSH 凭据或本地 secrets 读取。

wzj52501 Skill

Use this for any image-generation or image-orchestration brief: realistic photo, anime/illustration, lyrical/mood, oil/material, or user-named styles. Applies the fixed aesthetic core (restraint, relationship-first, color-from-content, sparse decoration, deconstruct-then-reconstruct, deliver finished work only) plus mandatory self-review before delivery — including complete important subjects in frame.

wzj52501 Bundle

Use when the user wants a style-transfer image from one photo: deliver the styled reconstruction only (same moment and space). Match source resolution/aspect (4:3 only if source near 4:3). Keep every important subject fully in frame with safe margin (people, animals, key props). Lock spatial structure (road axis, lamp/light, pedestrian groups, depth, relative positions) — medium change only. See poster_demo1/poster_demo2 failure atlas in the pack. Nine recipes; recommend from photo/vibe — offer recipe names, not numbers. Load CORE.md by default; open ATLAS.md or one recipes/*.md card on demand — do not ingest the full manual unless reviewing a failure.

craig-ai-tooling Bundle

Spectro Cloud brand theming for anything rendered in a browser -- CSS custom properties for the 2025 palette, Plus Jakarta Sans, buttons/cards/tables/nav, dark mode, responsive breakpoints, accessibility. Use when Craig asks for a web page, dashboard, portal, demo app, HTML artifact, or status/monitoring view that should look like Spectro Cloud: make it look nice and legible, make it spectro branded, use our branding, keep it simple and clear, a terminal-style window showing errors, a customer-facing landing or portal page, a hello-universe style demo. Also use before hand-rolling any colors or fonts in an HTML deliverable for a customer, and pair it with spectrocloud-brand for logo rules and messaging. Not for slide decks or PDFs.

jebauza Bundle

Arquitectura por capas escalable para backends Node.js/TypeScript/JavaScript (domain/infrastructure/presentation, entidades, repositorios abstractos, datasources intercambiables por tecnología), con catálogo de patrones de diseño, seguridad de API y tests unitarios. Úsala al diseñar o implementar un backend Node nuevo (o un feature nuevo en uno existente), y también cuando el usuario pida mejorar, refactorizar o migrar la arquitectura de un proyecto backend existente hacia algo más escalable ("mejora la arquitectura", "migra esto a algo más limpio/escalable", "este proyecto tiene una arquitectura poco escalable").

aviralk1309 Bundle

Review UI/UX like a senior product designer, not just a dev — layout, accessibility (WCAG 2.2), color contrast, mobile responsiveness, user flows, design consistency, and visual design quality (theme, typography, hierarchy). Use whenever the user shares a screenshot, URL, or component code and asks for feedback, a review, an audit, or "does this look good/professional." Trigger even without the word "UX" — e.g. "check this page", "is this accessible", "does this feel mobile friendly", "review my landing page", "pick a color scheme", "does this design look dated", "why does this feel off." Worldwide audience by default — not region-locked. Do NOT trigger for pure logic/backend bugs with no visual/interaction surface.

simon-zj1 Bundle

Read, critique, synthesize, and visualize papers with page/section/figure-level evidence. Use for rapid screening, single-paper deep reads, multi-paper reviews, or paper-derived PDF, PPT, poster, and mind-map deliverables.

benjaminstelzer Bundle

Develop, critique, or repair visual concepts and artifacts through art direction, typography, composition, visual systems, and information graphics. Use when visual definition or judgment is the task. For framework UI implementation use scoville-ui-anti-ai-slop, and for WordPress plugin-owned wp-admin pages use wordpress-backend-ui. Excludes mechanical edits, rendering-only work, backend work, and prose.

danthamanvoiss Skill

Route graphic-design requests to the right identity, social-graphic, or icon/illustration skill with simple asset clarification.

danthamanvoiss Skill

Audit existing UI design system consistency across tokens, components, accessibility, and interaction patterns.

danthamanvoiss Skill

Draft icon/illustration requirements brief for style consistency, usage cases, and production constraints.

ostaver Skill

A high-contrast editorial design language for live events, independent festivals, cultural programmes, and music-led campaigns. Use it for loud typographic compositions, poster-like color blocking, live schedule motion, and tactile interactions without copying a reference site's branding or layout.

parthkishan20 Skill

color palette, design system, UI colors, theme, CSS variables

parthkishan20 Skill

Build web UI in Apple's visual language — the apple.com/HIG design system with exact SF Pro type scales, the achromatic color palette (#1d1d1f /

lxsssssss Bundle

Use when translating PDF documents between languages while strictly preserving original layout, formatting, typography, tables, and signatures. Powered by LLM direct comprehension, two-stage data-contract translation, chunked modular generation, in-browser JS overflow detection, and high-fidelity vector PDF reconstruction. Features zero-hallucination guardrails and automated 1:1 page-by-page audit script (audit_pdf.py).

fauzanazz Bundle

Use when designing, implementing, reviewing, or refactoring Unity game architecture and reusable gameplay/UI systems. Trigger on Unity design system, Unity architecture, ScriptableObject architecture, data-driven gameplay, EventBus, ServiceLocator, bootstrap, domain module layout, phase/state machines, save/load, reset flows, editor tooling, runtime state safety, god object cleanup, or requests to identify good/bad Unity codebase patterns and turn them into maintainable standards.

sujiu0616-art Bundle

Generate mathematical Word documents for any scenario — notes, exercise sets, summaries, reports, proofs, papers — in .docx, LaTeX, or Markdown. Covers OMML rendering via python-docx, Chinese typography and font rules, Markdown-to-docx conversion, formula formatting, equation numbering, and cross-references. Use when the user asks to produce or format any mathematical document or formula-heavy output.

andersonlimahw Bundle

Design a minimalist, single-gesture brand mark the way Jony Ive would — one idea, no ornament, tested small before it's called done. Use when the user asks to create/redesign a logo, favicon, or app icon, wants a "minimalist" or "Apple-style" mark, or says a logo feels generic/cluttered/AI-slop.

andersonlimahw Skill

UI design system creation and management. Use for design tokens, component specs, color palettes, typography scales, spacing systems, and visual consistency audits.

andersonlimahw Skill

Generates distinctive, production-grade frontend interfaces with bold aesthetics, distinctive typography, and context-aware implementation. Avoids generic AI aesthetics.

andersonlimahw Skill

Frontend development patterns and best practices. Use for component architecture, state management, CSS patterns, accessibility, performance optimization, and design system integration.

veekunth217 Skill

Generate a DESIGN.md from any reference website using designmd.me, then apply its design tokens (colors, typography, spacing) to your project — CSS variables, Tailwind config, theme files

yourpovv Skill

Use this skill whenever the user wants UI built in Apple's aesthetic language: glassmorphism, liquid glass, spring physics, Dynamic Island patterns, SF Pro typography, Control Center widgets, iOS/macOS system chrome, vibrancy, or any explicit "Apple style / iOS style / macOS style" request. Also trigger when the user says "clean and minimal with blur", "frosted glass UI", or references visionOS, watchOS, or iOS 26's new liquid glass system. Do NOT use for generic material design, flat design without glass, or designs where the user has specified a non-Apple aesthetic.

jcaraballo113 Bundle

Encode checked-in agent conventions by concern — testing, migrations, design system, voice, round trips, guarded state, intent before mechanism, code review, coding standards, subagent model tiering, improve-the-territory, and agent summaries — generalized to the project at hand in the host's native instruction format. Use when the user says "setup agent rules", "encode the agent rules", or invokes setup-tooling.

jcaraballo113 Bundle

Design-first frontend tooling — every UI is designed in the project's design tool (Pencil or Figma, each through its MCP) with the impeccable skill governing design quality; design precedes implementation. Use when the user says "setup design tooling", or via setup-tooling on a frontend project.

manavarya09 Skill

Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

jiangeplus Bundle

Senior full-stack developer persona and engineering workflow. TRIGGER when: the user asks to build features or applications, scaffold projects, write or refactor production code, review code quality, debug complex errors, design system architecture, or wants an experienced engineer to drive a coding task end to end (plan → implement → verify → deliver). Also the entry skill that routes to fullstack-dev, frontend-dev, and browser-use sub-skills. DO NOT TRIGGER for: pure Q&A, documentation lookup, non-coding tasks. 触发词：开发、写代码、实现功能、修 bug、重构、代码审查、架构设计、全栈、调试。