All Skills Search Tools

|

Loading...

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

Home/All Skills/Product & Design/social-carousel

social-carousel

Original：🇨🇳 Chinese

Translated

Three square card carousel, connected headlines, brand mark + numbering

2installs

Sourcenexu-io/html-anything

Added on2026-05-16

NPX Install

npx skill4agent add nexu-io/html-anything social-carousel

Tags

Translated version includes tags in frontmatter

social-carousel ui-design-template card-layout brand-visuals cta-design

SKILL.md Content (Chinese)

View Translation Comparison →

【Template: Triple Social Carousel / Social Carousel】【Purpose】3 1080×1080 square cards with cross-card connected headlines. 【Layout】

Card 1: Display headline (opening) + brand mark + 1/3
Card 2: Display headline (middle section) + visual focus + 2/3
Card 3: Display headline (closing) + CTA + loop icon + 3/3 【Design Details】
Use a unified color palette with gradual transition between cards
The three headlines form a complete sentence when combined

Download

Download TranslatedIncludes original Skill.md

(4.3 KB)Download Original(3.6 KB)

Related Skills

form-cro

When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms. Also use when the user mentions "form optimization," "lead form conversions," "form friction," "form fields," "form completion rate," or "contact form." For signup/registration forms, see signup-flow-cro. For popups containing forms, see popup-cro.

adapt

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.

og-image-design

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

design-md

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