Design & Media

ferroxlabs Bundle

Produces a logo design brief with symbol direction options, style adjectives, color constraints, usage contexts, size requirements, and variant specifications. Use when the user asks to create a logo brief, define logo requirements, explore logo direction options, or prepare specifications for a logo designer. Do NOT use for full brand identity (use brand-identity-brief), color palette creation (use color-palette-design), or icon set design (use icon-design-guide).

ferroxlabs Bundle

Deep character design system covering character bibles, arc construction using want versus need, voice differentiation, backstory engineering, relationship mapping, ensemble cast management, and character-driven plotting. Use when the user asks about character architect or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Determines the correct chart type for a specific data comparison by applying chart selection logic based on analytical intent (ranking, trend, distribution, composition, correlation, geographic). Produces a complete chart specification with axis assignments, color palette, labels, and formatting rules. Use when the user has data to visualize and needs to know which chart type to use or wants a full chart configuration. Do NOT use for dashboard layout with multiple charts (use dashboard-design), formatting an existing chart (use chart-formatting), or choosing colors (use color-in-data).

ferroxlabs Bundle

Complete digital illustration guidance covering tools (Procreate, Photoshop, Illustrator, Clip Studio Paint), digital painting techniques, vector illustration workflows, brush customization, layers and blending modes, portfolio development, commission pricing, and building a professional illustration practice. Use when the user asks about digital illustrator or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Complete infographic design guidance covering data storytelling, visual hierarchy, chart and graph selection, layout principles, icon design and usage, color for data visualization, tools (Canva, Figma, Illustrator), distribution strategies, and the process of transforming complex information into clear, compelling visual narratives. Use when the user asks about infographic creator or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Produces a complete color palette with primary, secondary, and neutral colors including hex codes, tint/shade scales, semantic color assignments, and WCAG contrast verification. Use when the user asks to create a color palette, choose brand colors, define color tokens, check color contrast for accessibility, or build a color system. Do NOT use for full design system tokens (use design-system-foundations), typography choices (use typography-system), or full brand identity (use brand-identity-brief).

ferroxlabs Bundle

Comprehensive workflow for building a design system from initial audit through design tokens, component library creation, documentation, and organizational adoption. Covers the full lifecycle from visual inconsistency to a shared design language that scales across teams and products. Use when the user wants to create design system or needs a structured multi-step process for this goal. Do NOT use when the request is a single-step task or requires professional advice beyond educational guidance.

ferroxlabs Bundle

Comprehensive motion graphics guidance covering title design, lower thirds, animated explainers, kinetic typography, logo animation, After Effects and Apple Motion workflows, design principles for motion, storyboarding for motion, and building a motion design practice. Use when the user asks about motion graphics or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Becomes a senior visual designer who creates design systems, defines design tokens, builds component specifications, establishes visual hierarchy principles, and ensures accessibility compliance. Use when the user needs design system documentation, component libraries, color and typography specifications, layout grids, or accessibility audits. Use for responsive design patterns and visual specification documents. Do NOT use when the user needs UX research, frontend code implementation, or brand strategy.

ferroxlabs Bundle

Produces a complete chart formatting specification including axis labels, tick mark spacing, gridline density, legend placement, annotation placement, data label formatting, and title hierarchy. Eliminates chart junk while preserving the data signal. Use when the user has a chart that needs professional formatting or wants a formatting template for consistent chart styling. Do NOT use for selecting the chart type (use chart-type-selector), choosing a color palette (use color-in-data), or designing a full dashboard (use dashboard-design).

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

paulasilvatech Bundle

Create, review, and improve professional UI/UX designs in Penpot using penpot/penpot-mcp tools, design systems, component patterns, accessibility checks, and platform guidelines. Use when asked to design a UI, create interface, build layout, design dashboard, create form, design landing page, make it accessible, design system, component library, or improve an existing Penpot file.

paulasilvatech Skill

Craft immersive, high-performance web interfaces with advanced motion, typography, scroll-driven interactions, responsive polish, and product-specific visual direction. Use this skill when the user asks for premium frontend UI, sophisticated animations, Awwwards-style components, high-end landing pages, layout polish, or high-end visual design implementation.

ferroxlabs Bundle

Produces print-ready design specifications with dimensions, bleed, CMYK color values, resolution requirements, file format, and fold/cut mark placement. Use when the user asks to prepare a design for print, create a print specification, define print-ready file requirements, or check print production settings. Do NOT use for digital screen design (use wireframe-specification), color palette creation (use color-palette-design), or typography selection (use typography-system).

ferroxlabs Bundle

Tailwind CSS design system expertise covering custom theme configuration, component extraction, responsive design patterns, dark mode, animation utilities, plugin development, integration with component libraries, and JIT optimization. Use when the user asks about tailwind designer, tailwind designer best practices, or needs guidance on tailwind designer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Comprehensive typography guide covering font classification and pairing, typographic hierarchy, readability and legibility principles, responsive typography, variable fonts, type in branding, web typography implementation, and developing a professional eye for type. Use when the user asks about typography master or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Produces a complete typography system with type scale, weight assignments, line-height per role, font pairing rationale, and usage rules as a tool-agnostic specification. Use when the user asks to create a type system, choose fonts, define typography hierarchy, set up heading and body text rules, or build a type scale. Do NOT use for full design system tokens (use design-system-foundations), color palette design (use color-palette-design), or brand identity strategy (use brand-identity-brief).

ferroxlabs Bundle

Teaches beginner watercolor painting techniques: wet-on-wet and wet-on-dry application methods, flat, graded, and variegated washes, value studies using a single color, color mixing fundamentals, and common mistake prevention. Includes a materials checklist and a technique sequence building from basic washes to a first complete painting. Use when the user wants to start watercolor painting, asks about wash techniques, watercolor materials, or color mixing with watercolors. Do NOT use for drawing fundamentals (use drawing-fundamentals-beginner), oil or acrylic painting techniques, or professional illustration.

plurigrid Bundle

Create beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece. Creates original visual designs.

paulasilvatech Bundle

Define evidence-based typography, semantic color, layout, density, imagery, iconography, themes, and motion within an existing product system. Use this skill when frontend visual direction, design tokens, theming, composition, or visual-quality review is requested.

paulasilvatech Bundle

Draft and format LinkedIn posts with Unicode bold, italic, bold-italic, separators, hooks, CTAs, hashtags, and plain-text layouts. Use when the user asks to write a LinkedIn post, convert content into LinkedIn format, create thought leadership copy, prepare carousel text, or use a Unicode typography reference.

ferroxlabs Bundle

Produces a foundational design system specification with spacing scale, type scale, color token structure, border radius, and shadow variables as a tool-agnostic token system. Use when the user asks to create a design system, define design tokens, establish a visual language, or set up consistent spacing and typography rules. Do NOT use for full brand identity (use brand-identity-brief), color palette creation (use color-palette-design), or typography pairing decisions (use typography-system).

ferroxlabs Bundle

Comprehensive digital illustration guide covering Procreate and Photoshop workflows, layer management and blending modes, brush customization, composition principles, color theory application, digital painting techniques, style development, and portfolio building for professional illustrators. Use when the user asks about digital illustration guide or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Applies core interior design principles -- scale, proportion, color theory, lighting, and traffic flow -- to residential room layouts. Produces a design assessment with specific recommendations for furniture arrangement, color palette, and lighting plan. Use when the user asks about room layout, furniture arrangement, color schemes for rooms, lighting design for living spaces, or how to make a room feel larger, cozier, or more functional. Do NOT use for commercial interior design, architectural modifications, renovation budgeting (use renovation-budget instead), or choosing specific furniture products.

plurigrid Bundle

Apply brand colors and typography to artifacts. Use when brand colors, style guidelines, visual formatting, or company design standards apply. Ensures consistency across branded content.

newmindsgroup Bundle

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.

newmindsgroup Bundle

Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

newmindsgroup Skill

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.

newmindsgroup Skill

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.

newmindsgroup Skill

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

newmindsgroup Skill

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.

newmindsgroup Skill

Decides when quality matters vs move fast, based on Dylan Field (Figma) craft philosophy and Brian Chesky (Airbnb) details obsession. Use when balancing shipping speed with excellence, deciding if refactoring is needed, or determining which details create moats vs which to skip.

newmindsgroup Skill

Guides Claude from idea to working prototype using frameworks from OpenAI, Figma, and Airbnb. Use when starting new product features, planning MVP scope, making build-vs-buy decisions, or guiding users from concept to shippable prototype. Applies AI-first thinking (Kevin Weil), simplicity forcing functions (Dylan Field), and complete experience design (Brian Chesky).

newmindsgroup Skill

Follows Airbnb's design-led development and Figma's craft quality standards. Use when building user-facing features, making UI/UX decisions, determining when details matter, or applying design system thinking. Guides when to move fast vs when quality creates moats. Based on Brian Chesky staying in every design detail and Dylan Field's craft philosophy.

newmindsgroup Bundle

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG/vector/code-native assets, extending an established icon or logo system, or building the visual directly in HTML/CSS/canvas.

newmindsgroup Skill

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files