AgentSkillsCN

using-inline-cta

适用于撰写 .mdx 格式的博客文章，并在文末添加行动号召时使用。也适用于在博客文章中引入 InlineCTA（InlineCta）组件时使用。

SKILL.md
--- frontmatter
name: using-inline-cta
description:
  Use when writing blog posts in .mdx format that need a call-to-action at the
  end. Use when adding InlineCTA (InlineCta) component to blog posts.

Using InlineCta Component

Overview

InlineCta is a React component for adding a call-to-action at the end of blog posts. It provides a visually distinct card with a title, subtitle, and button that links to documentation or getting-started pages.

When to Use

  • •Add InlineCta at the very end of a blog post, after the conclusion
  • •Use it to drive readers to take action: start using Tigris, read documentation, or learn more

Import Statement

jsx
import InlineCta from "@site/src/components/InlineCta";

Props

PropTypeRequiredDescription
titlestringYesShort, punchy headline (often a question or value proposition)
subtitlestring | JSXYes1-2 sentence description connecting blog topic to Tigris value prop
buttonstringYesCall-to-action button text
linkstringNoURL for button link (defaults to tigrisConfig.getStartedUrl)

Usage Pattern

Place InlineCta at the end of your blog post:

jsx
<InlineCta
  title="Ready to fork your data like code?"
  subtitle="Get instant, isolated copies of your data for development, testing, or experimentation."
  button="Read the Bucket Forking Docs"
  link="https://www.tigrisdata.com/docs/buckets/snapshots-and-forks/"
/>

Writing Guidelines

Title

  • •Keep it short and punchy
  • •Questions work well: "Ready to...", "Want to...?"
  • •Value propositions: "Global storage for...", "Experience..."
  • •Avoid generic titles like "Get Started"

Subtitle

  • •Connect the blog post's topic to Tigris value proposition
  • •1-2 sentences maximum
  • •Can be a plain string or JSX (use JSX for formatting with <p> tags if needed)

Button Text

Match button text to the link destination:

  • •Documentation links → "Read the docs", "Learn more"
  • •Getting started → "Get started", "Start building"
  • •Product pages → "Find out more", "See features"

Link

  • •Omit link prop to use default (getStartedUrl)
  • •Provide specific URL for targeted destinations (docs, features, etc.)
  • •Use full URLs including protocol (https://)

Common Mistakes

MistFix
Placing CTA in middle of contentAlways put at end, after conclusion
Generic title like "Get Started"Use specific, compelling headline
Subtitle too long (3+ sentences)Keep to 1-2 sentences
Missing link when sending to specific pageAlways include link for non-default URLs

Examples

jsx
// Question-style title
<InlineCta
  title="Ready to fork your data like code?"
  subtitle="Get instant, isolated copies of your data for development, testing, or experimentation."
  button="Read the Bucket Forking Docs"
  link="https://www.tigrisdata.com/docs/buckets/snapshots-and-forks/"
/>

// Value proposition title
<InlineCta
  title="Global storage for your files and feeds"
  subtitle="Fast, global, reliable: pick three. Tigris lets you store your datasets, models, streams, backups, and more close to where they're needed."
  button="Read the Docs"
/>

// JSX subtitle for formatting
<InlineCta
  title="Set and forget object storage"
  subtitle={
    <p>
      Configure your rules, then let Tigris handle the rest. Automatic lifecycle management keeps your storage costs predictable.
    </p>
  }
  button="Get started"
/>