Design & Media

diegosouzapw Bundle

Core Components workflow skill. Use this skill when the user needs Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Implement Design workflow skill. Use this skill when the user needs Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Use when the user provides Figma URLs or node IDs and asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection. Do NOT use for general Figma data fetching, variable exploration, or MCP troubleshooting (use figma instead) and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Stitch Design Taste — Semantic Design System Skill workflow skill. Use this skill when the user needs generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

ui-visual-validator workflow skill. Use this skill when the user needs Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

SKILL: Industrial Brutalism & Tactical Telemetry UI workflow skill. Use this skill when the user needs creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Radix UI Design System workflow skill. Use this skill when the user needs Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Tailwind Design System workflow skill. Use this skill when the user needs Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Figma Automation via Rube MCP workflow skill. Use this skill when the user needs Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Core Components workflow skill. Use this skill when the user needs Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

SKILL: Industrial Brutalism & Tactical Telemetry UI workflow skill. Use this skill when the user needs creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Figma Automation via Rube MCP workflow skill. Use this skill when the user needs Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Stitch Design Taste — Semantic Design System Skill workflow skill. Use this skill when the user needs generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

ui-visual-validator workflow skill. Use this skill when the user needs Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

thomasmoreai Skill

Toolkit for comprehensive PDF reading, reviwing, and creation with visual quality control. Use to work with PDFs (.pdf files) for: (1) Reading or extracting content from existing PDFs, (2) Creating new PDF documents with professional formatting, (3) Generating reports, documents, or layouts that require precise typography and design, or any other PDF reading or generation tasks.

thomasmoreai Skill

Screen proposed trademark → conflicts + distinctiveness pre-filing. TM DB search (TMview, WIPO, USPTO TESS), Abercrombie spectrum, likelihood-of-confusion (DuPont|EUIPO), common law rights, goods/services overlap. Produces conflict report w/ risk matrix. Use → pre-adopt new brand|logo|slogan — distinct from patent prior art (diff DBs, legal frame, methods).

thomasmoreai Bundle

Toolkit for comprehensive document reading, editing, and creation with visual quality control. Use to work with Word documents (.docx files) for: (1) Reading or extracting content from existing DOCX files, (2) Creating new Word documents with professional formatting, (3) Editing documents requiring precise typography and layout, or any other DOCX reading or generation tasks.

diegosouzapw Bundle

UI/UX Pro Max - Design Intelligence workflow skill. Use this skill when the user needs 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 and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

UI/UX Pro Max - Design Intelligence workflow skill. Use this skill when the user needs 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 and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Enhance Prompt for Stitch workflow skill. Use this skill when the user needs 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 and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

PRODUCT DESIGN — Nivel Apple workflow skill. Use this skill when the user needs 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 and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

thomasmoreai Skill

Bildmarke und Wort-Bild-Marke für Couture-Logos beim DPMA und EUIPO anmelden: Modehaus will Logo grafisch schützen einschließlich Farbansprüchen. Normen: §§ 3 und 8 MarkenG sowie Art. 4 UMV, Vienna Classification (EUIPO-Bilddatenbank). Prüfraster: Bildbestandteil-Schutzumfang, Farbansprüche RGB/Pantone/HKS, Unterscheidungskraft des Logos, Kollisions-Vorrecherche. Output Anmelde-Strategie für Bild-/Wort-Bild-Marke, Farbanspruch-Formulierung, Vienna-Class-Empfehlung. Abgrenzung: Wort-Element siehe wortmarke-anmeldung-dpma; 3D-Marke siehe dreidimensionale-marke.

thomasmoreai Skill

Hoermarken (Soundmarken) und Bewegungsmarken für Jingles und Animationen anmelden: Modehaus will Jingle oder Logo-Animation schützen. Normen: §§ 3 und 8 MarkenG, Art. 4 UMV (grafische Darstellung Sonogramm/MP3), MMA-Verfahren (Madrid). Prüfraster: Darstellungsanforderungen (Sonogramm, Notenschrift, MP3-Datei), Unterscheidungskraft kurzer Melodien, Bewegungsmarke Animation-Darstellung. Output Anmelde-Unterlagen für Hoer- oder Bewegungsmarke. Abgrenzung: Duftmarke siehe duftmarke-und-geschmacksmarke; Positionsmarke siehe positionsmarke.

vamseeachanta Skill

Generate professional engineering calculation reports from YAML — renders LaTeX formulas, interactive charts, and pass/fail outputs as HTML using the warm-parchment design system

vamseeachanta Bundle

54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.

vamseeachanta Skill

Sub-skill of frontend-design: Typography (+3).

vamseeachanta Skill

Sub-skill of brand-guidelines: Logo Misuse.

vamseeachanta Skill

Sub-skill of brand-guidelines: Primary Logo (+4).

vamseeachanta Skill

Execute approved static-site brand identity/logo migrations with TDD across canonical content sources, generated deploy output, legacy checked-in HTML, existing stale tests, and build/docs contracts.

thomasmoreai Skill

Systematic application of the eight privacy design patterns per Hoepman: minimize, hide, separate, abstract, inform, control, enforce, and demonstrate. Covers pattern selection methodology per processing activity, mapping to GDPR principles, and practical implementation guidance for privacy-by-design system architecture.

ferroxlabs Bundle

Comprehensive UI design guidance covering design principles (hierarchy, whitespace, consistency), Figma workflow, design systems and component libraries, responsive design, accessibility, developer handoff, and building a portfolio with compelling case studies. Use when the user asks about ui designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Applies color to data visualizations by selecting sequential, diverging, or categorical palettes based on data type. Specifies hex codes for each element, ensures colorblind accessibility with WCAG contrast ratios, and documents usage rules. Use when the user needs to choose colors for charts, dashboards, or data-driven graphics. Do NOT use for brand color palette design (use color-palette-design in the design category), chart type selection (use chart-type-selector), or chart formatting beyond color (use chart-formatting).

ferroxlabs Bundle

Capsule wardrobe builder covering capsule wardrobe methodology, core pieces identification, color palette selection, mix-and-match optimization, seasonal capsule rotation, shopping list generation, wardrobe audit process, cost-per-wear analysis, and minimalist dressing strategies. Use when the user asks about wardrobe planner, or needs help with capsule wardrobe builder covering capsule wardrobe methodology, core pieces identification, color palette selection, mix-and-match optimization, seasonal capsule rotation, shopping list generation, wardrobe audit process, cost-per-wear analysis, and minimalist dressing strategies. Do NOT use when the request requires professional specialized advice or falls outside the scope of wardrobe planner.

ferroxlabs Bundle

Component library design expertise covering design system tokens, component API design, compound components, polymorphic components, accessibility by default, Storybook documentation, testing, versioning, and tree-shaking. Use when the user asks about component library, component library best practices, or needs guidance on component library implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Produces an icon design specification with grid size, stroke weight, corner radius, visual style, perspective rules, and metaphor selection for consistent icon sets. Use when the user asks to design icons, create an icon set style guide, define icon grid rules, or establish consistent icon design parameters. Do NOT use for logo design (use logo-design-brief), full design systems (use design-system-foundations), or AI-generated images (use an AI image generation skill).

ferroxlabs Bundle

Produces layout analysis and recommendations using grid alignment, visual hierarchy rules, white space ratios, and focal point placement with specific measurements and ratios. Use when the user asks to improve a layout, apply layout principles, fix spacing issues, evaluate grid alignment, or optimize visual balance in a design. Do NOT use for wireframing from scratch (use wireframe-specification), responsive breakpoint design (use responsive-layout-design), or typography-specific issues (use typography-system).

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