Design & Media

awesome-genmedia Skill

Apply artistic styles to photos using each::sense AI. Transform photographs into oil paintings, watercolors, pencil sketches, anime, comic book art, impressionist works, and more. Maintain subject composition while changing the visual medium. Use for: style transfer, photo to painting, artistic filter, photo to illustration, artistic transformation. Triggers: style transfer, photo to painting, artistic style, photo to art, oil painting style, watercolor style, sketch style, anime style, comic style, impressionist

steliosot Bundle

Workflow wrapper imported from `Logo Design Flux t2i + Upscale.json`.

steliosot Bundle

Workflow wrapper imported from `Qwen Image Edit - Make Logo 3D.json`.

steliosot Bundle

Workflow wrapper imported from `Qwen Image Edit - Logo on Product.json`.

nahisaho Skill

Presentation design skill. Scientific slide design, figure layout optimization, conference poster creation, and data visualization for oral presentations. Use when working with scientific slide design, figure layout optimization, conference poster creation.

ultroncore Bundle

This skill should be used when setting up, configuring, or initializing Tailwind CSS (v3 or v4) and shadcn/ui for Next.js 16 App Router projects. Configure dark mode, design tokens, base layout with header/sidebar, accessibility defaults, and generate example components. Includes comprehensive setup automation, theme customization, and production-ready patterns. Use when the user requests "setup Tailwind", "configure shadcn/ui", "add dark mode", "initialize design system", or "setup UI framework" for Next.js projects.

ultroncore Bundle

This skill should be used when reviewing shadcn/ui component usage to ensure accessibility, consistency, and proper patterns. Applies when auditing UI code, checking component patterns, reviewing layout structure, identifying component extraction opportunities, or ensuring design system compliance. Trigger terms include audit UI, review components, check shadcn, accessibility audit, component review, UI patterns, design system compliance, layout review, refactor components, extract component.

nahisaho Bundle

Presentation design skill. Scientific slide design, figure layout optimization, conference poster creation, and data visualization for oral presentations.

nahisaho Skill

Research presentation and visual communication skill. Conference talk structure, poster layout, slide design, visual storytelling, and audience adaptation. Use when PRESENTING research at conferences, creating poster layouts, designing slides for talks, or adapting research content for different audiences.

mittuled Bundle

This skill establishes the brand foundation including values, personality, tone, and visual principles. Use when asked to define brand values, create a brand personality framework, or establish tone-of-voice guidelines. Also consider when a new product needs its foundational brand pillars before any visual design begins. Suggest when the user is about to design a logo or identity system without documented brand principles.

mittuled Bundle

This skill facilitates design reviews to assess quality, consistency, and alignment with product goals. Use when asked to run a design crit, evaluate a deliverable against design system standards, or assess whether a design is ready for handoff. Also consider when multiple designers are working on the same surface and consistency is at risk. Suggest when a design file has not been reviewed before entering dev-ready status.

mittuled Bundle

This skill maps product requirements to design system components and identifies gaps requiring new components or variants. Use when asked to audit component coverage for a feature, identify design system gaps, or plan component work for a new surface. Also consider when a designer is building custom elements that may already exist in the system. Suggest when a wireframe introduces patterns not present in the component library.

npbuilds Bundle

Direct the typography subdomain — route type-related questions to the right specialist skill, define the curriculum from anatomy to pairing to responsive scaling, and resolve conflicts between readability and aesthetic goals. Use when the user has a typography question and you need to determine which knowledge skill to consult.

npbuilds Bundle

Knowledge skill for artifact layout, composition, visual rhythm, and typography-as-art. Covers grid-breaking layouts, spatial arrangement, density control, visual tension, and the compositional principles that make artifacts feel intentional rather than assembled. Consulted by the Master Artificer when visual arrangement decisions are needed.

npbuilds Bundle

Orchestrate artistic design decisions across visual projects. Use when the user needs design direction, style choices, color palettes, typography decisions, composition guidance, or visual identity work. Activates when artistic or aesthetic judgment is needed for any visual output — UI mockups, illustrations, branding, data visualizations, presentations, or generative art.

mittuled Bundle

This skill checks design outputs against accessibility standards before handoff to engineering. Use when asked to verify WCAG compliance on a design file, review colour contrast ratios, or validate focus and interaction states for assistive technology. Also consider when a design review surfaces accessibility questions. Suggest when a designer is about to mark a Figma file as ready-for-dev without accessibility annotations.

mittuled Bundle

This skill implements approved UI designs in code with fidelity to the design specification. Use when asked to build a feature from a design file, translate mockups to components, or implement a design system update. Also consider when pixel-level fidelity is required for a brand-sensitive surface. Suggest when a design handoff is complete and the component mapping is ready.

codyswanngt Bundle

Design-handoff gate for a work item with a UI surface. Resolves the source of truth PER AXIS (colour, spacing, typography, radius, elevation, motion) by querying the published variable collections of the configured design source — never by asking a human — then judges the work item against the five objectively checkable block conditions of the `design-value-binding` rule. Values come from design variables where a variable system exists; visual measurement is supplemental there and the legitimate primary source where none exists. Blocks on UNBOUND, never on UNSURE: aesthetic uncertainty with everything bound is not a block. Escalates a block through the vendor-neutral tracker abstraction to the configured `design.escalation.assignee`, with a plain-language comment a non-technical operator can act on, and records every value derived in an untyped axis so the gaps in the variable system accumulate on their own.

npbuilds Bundle

Knowledge skill for illustration style taxonomy, icon systems, texture and materiality, and visual asset direction. Provides the style vocabulary and decision framework that the design-orchestrator's illustration-agent draws upon. Consult when choosing illustration style, defining icon systems, selecting textures, or directing any non-photographic visual asset creation.

npbuilds Bundle

Typeface pairing methodology — how to combine fonts for harmony, contrast, and hierarchy. Covers the contrast principle, superfamily strategy, mood matching, and common pairing patterns. Use when selecting fonts for a project that needs more than one typeface.

npbuilds Bundle

Navigate movie poster collecting — one-sheets (27×41" canonical US format), inserts (14×36"), half-sheets (22×28"), lobby cards, the C1-C10 grading scale (Jon Warren's standard), linen-backing conservation, and the major venues (Heritage Movie Poster sales).

npbuilds Bundle

Responsive typography — how type behaves across screen sizes, devices, and contexts. Covers fluid type scaling, viewport-based sizing, optical adjustments at different sizes, mobile-first type strategy, and line length management. Use when type needs to work across breakpoints or adapt to different reading contexts.

npbuilds Bundle

Typography foundations — typeface anatomy, classification systems, and legibility principles. Covers x-height, stroke contrast, serifs vs sans-serifs, monospaced vs proportional, optical sizing, and the core properties that determine how a typeface feels and performs.

ulpi-io Skill

When the user wants to optimize logo placement, linking, or branding on a website. Also use when the user mentions "logo," "brand logo," "header logo," "logo placement," "AI logo design," "logo link," "logo alt text," "logo sizing," "favicon logo," or "logo usage."

ulpi-io 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

ulpi-io Skill

When the user wants to define, audit, or apply visual identity (typography, colors, spacing, frontend aesthetics). Also use when the user mentions "brand style guide," "visual identity," "design system," "typography," "color palette," "brand guidelines," "AI brand aesthetics," "brand colors," "font choices," "spacing system," "design tokens," "motion," "distinctive design," or "frontend aesthetics."

agents-store Bundle

This skill should be used when the user asks to "customize the Payload admin panel", "swap in a custom React component", "build a custom field component", "create a custom admin view", "add a dashboard widget", "use useField/useForm", "change the admin logo or nav", "enable document locking", or "customize admin CSS" in PayloadCMS v3.

agents-store Skill

First-use onboarding, user style preferences, company profiles, and logo management for document generation. This skill should be used on the first document generation request to collect user preferences, when the user wants to change their style, or when managing company logos and branding profiles.

ulpi-io Skill

Normalize design to match your design system and ensure consistency

ulpi-io Bundle

Process images for web development — resize, crop, trim whitespace, convert formats (PNG/WebP/JPG), optimise file size, generate thumbnails, create OG card images. Uses Pillow (Python) — no ImageMagick needed. Trigger with 'resize image', 'convert to webp', 'trim logo', 'optimise images', 'make thumbnail', 'create OG image', 'crop whitespace', 'process image', or 'image too large'.

codyswanngt Bundle

Canonical, vendor-neutral taxonomy and rules for handling source artifacts (Figma, Lovable, Loom, screenshots, design docs, data samples) when generating or evaluating tracker tickets (JIRA, GitHub Issues, Linear). Defines: (1) artifact domains, (2) classification rules per tool, (3) source precedence (which artifact is authoritative for which question), (4) inheritance from epic to story to sub-task, (5) cross-axis conflict handling. Invoke this skill from any flow that extracts, attaches, or reasons about external design/UX/data artifacts so the rules don't drift across skills.

codyswanngt Bundle

This skill enforces Gluestack…

mkurman Bundle

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.

mkurman Bundle

Use this skill when analyzing existing video files using FFmpeg and AI vision, extracting frames for design system generation, detecting scene boundaries, analyzing animation timing, extracting color palettes, or understanding audio-visual sync. Triggers on video analysis, frame extraction, scene detection, ffprobe, motion analysis, and AI vision analysis of video content.

ulpi-io Skill

When the user wants to create, optimize, or audit media kit or press page. Also use when the user mentions "media kit," "press kit," "press page," "press resources," "brand assets," "logo download," "press assets," "media resources," or "brand kit."

ulpi-io Skill

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible