Design & Media

newmindsgroup Skill

Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

newmindsgroup Skill

CRITICAL: Use for Makepad font and text rendering. Triggers on: makepad font, makepad text, makepad glyph, makepad typography, font atlas, text layout, font family, font size, text shaping, makepad 字体, makepad 文字, makepad 排版, makepad 字形

newmindsgroup Bundle

Define or refactor a shared frontend UI system before polishing one screen at a time. Use when the user needs token governance, visual-language rules, primitive naming, page-system direction, cross-product consistency, or a design handoff that should stay coherent across landing pages, dashboards, forms, and component libraries. Not for reusable component API architecture, responsive layout-only fixes, accessibility-only remediation, or broad UI critique. Triggers on: design system, design tokens, visual language, component library foundations, UI governance, cross-product consistency, landing page plus dashboard system, primitive naming, token policy.

newmindsgroup Skill

Use a curated library of brand-inspired DESIGN.md files to make AI-generated UIs match specific visual styles like Vercel, Stripe, Linear, Notion, Apple, Cursor, and many others. Activate when the user asks for a site to look like a known brand, wants a DESIGN.md file, wants visual inspiration from a real product site, or wants to drop a design system into a project before generating UI.

newmindsgroup Bundle

Use when the user wants visual system direction, visual language, page aesthetic guidance, UI polish, spacing system decisions, typography system rules, motion system rules, design direction, or a house standard for web or app surfaces. Also use before high-value UI generation, critique, or design review when the work should follow opinionated visual defaults instead of generic UI patterns.

newmindsgroup Bundle

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.

newmindsgroup Skill

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.

ferroxlabs Bundle

Complete guide to creating children's books across all age categories, from board books through young adult, covering age-appropriate writing, illustration briefs, page count conventions, readability levels, themes by age, and submission guidelines. Use when the user asks about childrens book creator or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

oomol-lab Skill

Figma (figma.com). Use this skill for ANY Figma request — reading, creating, updating, and deleting data. Whenever a task involves Figma, use this skill instead of calling the API directly.

oomol-lab Skill

Logo.dev (logo.dev). Use this skill for ANY Logo.dev request — searching and reading data. Whenever a task involves Logo.dev, use this skill instead of calling the API directly.

ferroxlabs Bundle

Complete guide to creating and selling digital products including ebooks, templates, printables, Notion templates, Figma kits, and code snippets with platform setup, pricing strategies, launch tactics, and passive income calculations. Use when the user asks about digital product creator or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

anhvu1107 Bundle

ALWAYS use this when the request matches Baseline UI: Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects.

newmindsgroup Skill

Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

newmindsgroup Bundle

Use when the user wants to build a screen in Figma, implement from Figma, design this screen, build this page, match code to design, match design to code, or coordinate a hybrid workflow between design artifacts and implementation. Also use when the user asks for both design and code help and the path needs to be chosen explicitly instead of ad hoc.

anhvu1107 Bundle

ALWAYS use this when the request matches Core Components: Core component library and design system patterns.

anhvu1107 Bundle

ALWAYS use this when the request matches Brand Guidelines: Applies a consistent brand palette and typography system to artifacts that need a polished visual identity.

anhvu1107 Bundle

ALWAYS use this when the request matches Figma Automation: Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.

anhvu1107 Bundle

ALWAYS use this when the request matches Radix UI Design System: Build accessible design systems with Radix UI primitives.

anhvu1107 Bundle

ALWAYS use this when the request matches Tailwind Design System: Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

anhvu1107 Bundle

ALWAYS use this when the request matches Industrial Brutalist UI: Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

jadegate Skill

Automate Logo Dev tasks via Rube MCP (Composio). Always search tools first for current schemas.

jadegate Skill

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

jadegate Skill

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

anhvu1107 Bundle

ALWAYS use this when the request matches Stitch Design Taste: Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.

anhvu1107 Bundle

ALWAYS use this when the request matches UI Visual Validator: Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.

anhvu1107 Bundle

ALWAYS use this when the request matches UI Setup: Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.

anhvu1107 Bundle

ALWAYS use this when the request matches Design MD: Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

anhvu1107 Bundle

ALWAYS use this when the request matches GPT Taste: Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

anhvu1107 Bundle

ALWAYS use this when the request matches Rayden USE: Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

paulpas Skill

Applies comprehensive web interface design guidelines covering layout, typography, color, accessibility, responsive design, and UX patterns for consistent, user-friendly interfaces.

nota-america Bundle

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 violations.

nota-america Bundle

Turn a reference video into a super detailed recreation or inspiration prompt. Use when the user provides, mentions, uploads, links, or points to a video and asks to analyze the design, UI, animations, transitions, scroll interactions, typography, colors, assets, WebGL/Three.js, storytelling, section-by-section behavior, or to create a prompt/article that recreates the page, app, interaction, or motion system.

nota-america Bundle

Use when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs.

nota-america Bundle

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)

nota-america Bundle

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

nota-america Skill

Create a technical split-screen design system with dual panels, fine frame lines, mono metadata, quiet editorial typography, and premium inset surfaces.