Use the Liquid Background Hero template to create a video intro, landing page hero, or poster. It combines a WebGL-style fluid displacement background with an overlaid quote, using supplied content and preserving the template’s visual style.
中文简介正在准备中。当前显示英语简介。
- Making a video intro with a fluid background and quote
- Creating a landing page hero from supplied content
- Designing a poster with the Liquid Background Hero template
feimacode/open-design-agent-kit☆ 10132026年10月31日 更新
Create a realistic macOS notification banner for a video overlay or product teaser using the supplied template. It preserves the template’s visual style and uses real content and data instead of placeholder text or images. Invoke the skill explicitly to use it.
中文简介正在准备中。当前显示英语简介。
- Create a notification banner for a video overlay
- Make a product teaser using a macOS notification
- Turn supplied content into a notification design
feimacode/open-design-agent-kit☆ 10132026年10月31日 更新
Build an annual marketing and go-to-market slide deck in the Guizang Ppt visual system. It organizes the audience, decision, source materials, key numbers, slide plan, speaker-ready content, and visual direction around measurable growth.
中文简介正在准备中。当前显示英语简介。
- Prepare an annual marketing plan deck
- Connect creative choices to measurable growth
- Turn source materials into a speaker-ready strategy presentation
feimacode/open-design-agent-kit☆ 10132026年10月31日 更新
Turn reports, spreadsheets, PDFs, existing presentations, or repository files into a slide deck or one-page brief. It starts with a storyline and keeps facts and numbers traceable to their sources, so readers can check where the content came from.
中文简介正在准备中。当前显示英语简介。
- Create a release deck from a CHANGELOG
- Turn a spreadsheet into a board update
- Make an architecture review from ADRs
feimacode/open-design-agent-kit☆ 10132026年11月5日 更新
Design a post, carousel, cover, thumbnail, or video for a named social platform, then save upload-ready files in its required format. The skill supports common social channels and can handle several platforms by preparing each format separately.
中文简介正在准备中。当前显示英语简介。
- Creating an image for an X post
- Designing an Instagram or LinkedIn carousel
- Making a Story, Reels, or Xiaohongshu cover
feimacode/open-design-agent-kit☆ 10132026年10月31日 更新
Get a second opinion on an Open Design artifact using its latest check screenshots, brief, and design system. Receive one verdict—ship, polish, or rework—and up to five specific fixes to guide the next design pass.
中文简介正在准备中。当前显示英语简介。
- Review an Open Design artifact before calling it done
- Get a second opinion on a landing page design
- Find a few concrete fixes for a design
feimacode/open-design-agent-kit☆ 10132026年11月5日 更新
Create a website-based design system by measuring its colors, fonts, spacing, and button states. Produce matching DESIGN.md and tokens.css files, then compare a sample against the site before saving.
中文简介正在准备中。当前显示英语简介。
- Extracting colors and typography from a website
- Creating a theme from a reference URL
- Documenting a brand’s visual style
feimacode/open-design-agent-kit☆ 10132026年11月5日 更新
Create visual designs such as landing pages, pitch decks, prototypes, dashboards, and components using bundled design templates and style systems. The supplied material describes a workflow for preparing, authoring, registering, and checking designs.
中文简介正在准备中。当前显示英语简介。
- Designing a landing page or marketing page
- Creating a pitch deck or presentation
- Mocking up a dashboard or prototype
feimacode/open-design-agent-kit☆ 10132026年11月5日 更新
Turn supplied content into a continuous-frame animation compatible with Hyperframes and Remotion, with autoplay support. It uses the Hyperframes Video template and can follow a named brand or visual direction through the Open Design workflow.
中文简介正在准备中。当前显示英语简介。
- Turning content into a continuous-frame animation
- Creating an autoplay-ready Hyperframes video
- Building a video from a named brand or visual direction
feimacode/open-design-agent-kit☆ 10132026年10月31日 更新