mengto/skills

operational-enterprise-ai

Create or redesign enterprise AI, automation, security, and operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback.

Quelltext ansehen
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

Operational Enterprise AI

Build credibility by showing what the system does, where it stops, who approves actions, and how failures recover.

Establish the Story

  1. Open with the operational problem and one restrained product image or system trace.
  2. Use a white interlude to quantify the problem with verified metrics.
  3. Explain each capability as a workflow with permissions and controls.
  4. Address security, governance, exceptions, and rollback before the conversion ask.
  5. Move from verified case-study evidence into a qualified demo or waitlist handoff.

Replace source brands, customers, numbers, security badges, screenshots, and claims. Do not invent compliance or performance evidence.

Build the Visual System

  • Use near-black, warm white, muted gray, and one restrained spectral treatment.
  • Pair a high-x-height sans-serif with compact mono labels and tabular numerals.
  • Use hard grid lines, square media, low radii, and minimal shadow.
  • Keep data legibility ahead of atmosphere.
  • Reserve white chapters for operational explanation and metric pauses.
  • Avoid glowing AI orbs, particle fields, neon gradients, and generic cyber-security imagery.

Compose the Page

  • Header: show product, solutions, security, case studies, and one qualified action.
  • Hero: state the system boundary and pair it with one deliberate operational visual.
  • Metrics: use only verified numbers with scope, source, and timeframe.
  • Solution rows: summarize workflow, permissions, action, approval, output, audit, exception, and rollback.
  • Product demo: show real or clearly labeled sample data and deterministic state changes.
  • Security: connect controls to concrete risks; do not use unsupported badges.
  • Case studies: separate verified implementation facts from marketing interpretation.
  • Testimonials: use grayscale portrait evidence only when licensed and real.
  • FAQ: resolve ownership, data handling, integrations, review, failure, and procurement questions.
  • Final CTA: qualify who the product is for and explain what happens after submission.

Implement Operational Solution Rows

  • Keep summary, permissions, action, approval, output, audit, exception, and rollback in a stable data model.
  • Use semantic disclosure with equivalent hover and focus cues.
  • Support Enter and Space expansion and keep text equivalents for diagrams.
  • Design loading, unavailable integration, insufficient permission, stale data, denied approval, partial completion, rollback, and error states.
  • Keep the buyer able to evaluate scope and risk without animation.

Implement the Case-Study Handoff

  • Connect each verified use case to the relevant demo or waitlist context.
  • Preserve attribution and separate facts, quotes, and inferred outcomes.
  • Prefill only non-sensitive intent data and only with consent.
  • Design filters, links, form fields, loading, disabled, duplicate, validation, network error, and success states.
  • Explain who receives the request, expected response, and data use.

Motion Defaults

  • Use 160–220ms for controls and 500–760ms for section entrances.
  • Favor slow background media, precise metric reveals, and restrained row transitions.
  • Use hard black-to-white handoffs instead of gratuitous smooth scrolling.
  • Keep parallax below 5%, pause offscreen work, and clean up observers.
  • Render settled states immediately under reduced motion.

Validate

  • Review every metric, case study, quote, badge, and compliance statement against evidence.
  • Test solution rows, filters, forms, errors, focus return, and browser history with keyboard and touch.
  • Verify diagram text alternatives, contrast, 200% zoom, mobile order, loading, stale data, and reduced motion.
  • Confirm the visitor can state what the product controls, what requires approval, and how rollback works.
  • Remove unsupported security, availability, performance, accessibility, or compliance claims.

Avoid

  • Magical automation claims with no permissions or exception model.
  • Fake dashboards, metrics, customers, badges, or case-study outcomes.
  • Glowing AI orbs, particle clouds, and cyberpunk decoration.
  • A generic sales leap from feature list to contact form.
  • Hiding risk, audit, failure, or rollback details behind vague copy.
aus demselben Repository

Weitere Skills

Alle Skills
mengto
Community

build-awwwards-quality-sites

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance safeguards. Use when a user asks for an Awwwards-quality, premium, cinematic, interactive, high-concept, or motion-led website, or explicitly requests this visual and motion system.

Installationen
3
GitHub Stars
6755
Aktualisiert
6. Okt.
mengto
Community

landing-page

Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.

Installationen
2
GitHub Stars
6755
Aktualisiert
6. Okt.
mengto
Community

3d-cloth-material

Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture, hems with thickness, stitches, seams, frayed edges, fold occlusion, dye and wear variation, and light passing through thin fabric. Use for linen, silk, wool, canvas, curtains, banners, cloaks, tablecloths, tapestries or any 3D drape that currently looks like a plastic sheet, a stretched texture, or a flat coloured plane.

Installationen
2
GitHub Stars
6744
Aktualisiert
6. Okt.
mengto
Community

3d-falling-leaves

Build recognizable falling leaves in world space using instanced geometry, independent tumble, coupled sideways drift, shared wind, scene occlusion, and camera-aware recycling. Use for 3D autumn leaves or drifting foliage in Three.js and similar scenes; use falling-leaves for a 2D canvas overlay.

Installationen
2
GitHub Stars
6744
Aktualisiert
6. Okt.