Turn supplied content into a continuous-frame animation for video, using the Hyperframes Video template. The result is compatible with Hyperframes and Remotion and supports autoplay, with real content and data instead of placeholder text or images.
- Animating supplied content as a video
- Creating a Remotion-compatible animation
- Making an autoplaying animated presentation
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a video outro or brand closing frame from your content using the Open Design Logo Outro Frame template. It assembles a logo in segments, adds a glow effect, and reveals a tagline while preserving the template’s visual style.
- Make a branded video outro
- Create a closing frame with a tagline
- Turn supplied content into a logo reveal
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a vertical funnel infographic with three to six narrowing stages. Show conversion, drop-off, and filtering ratios clearly, in a format sized for Stories and Xiaohongshu.
- Visualizing conversion across funnel stages
- Showing where people drop off
- Presenting filtering ratios in a vertical graphic
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
This skill creates a package architecture diagram for a monorepo. It shows shared foundations, the hosts built on them, and runtime dependencies versus build-time copies, with each node linked to its package.json for inspection.
- Mapping packages in a monorepo
- Showing shared foundations and dependent hosts
- Distinguishing runtime dependencies from build-time copies
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn supplied content into a whiteboard-style brainstorming frame with sticky-note nodes, curved SVG connectors, and cursor interaction. The skill follows the Sticky Flowchart Frame template and is meant for requests that explicitly invoke it.
- Map ideas as connected sticky notes
- Show a process in a whiteboard-style flowchart
- Create a brainstorming frame with cursor interaction
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a studio-lit 3D product shot of a speaker built from a lathed profile. It places the object on a turntable and applies colors from the design tokens for a rendered presentation.
- Creating a 3D speaker product shot
- Presenting a product on a turntable
- Applying design token colors to a 3D object
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Render a supplied 3D product model from a `.glb` file as a clean product shot. The model is automatically centered and framed, with a soft shadow on the ground to give the image depth.
- Creating a product shot from a `.glb` model
- Framing a bottle model for a product preview
- Rendering a centered 3D object with a ground shadow
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
View a rendered example of ADR-0007, a brief architecture decision record about laying out diagrams in a browser. It serves as a sample of how this decision is documented and presented.
- Viewing an example architecture decision record
- Reviewing a documented choice about diagram layout
- Seeing a rendered ADR sample
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn a single concept into a magazine-style feature outline that traces its central question, early failures, turning point, and key insight. Choose from six layout patterns to present the story.
- Shaping a concept into a feature story
- Showing how early failures led to a turning point
- Presenting an insight through an editorial layout
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
This skill presents a rendered example of a changelog page for Open Design Agent Kit. The supplied material does not describe steps for creating or editing changelogs, so its documented role is limited to showing the example.
- Viewing the changelog page example
- Reviewing a sample change history layout
- Checking what the example page contains
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Organize competitor research into an analyst-style product decision report. Compare positioning, features, and pricing, then identify opportunity windows that can inform product choices.
- Compare competitor pricing and features
- Map competitors by market positioning
- Summarize research for a product decision
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Compare competitors through a positioning map, feature matrix, and pricing review, then summarize opportunity areas in a product decision report. This variant presents the findings in a radar map style.
- Compare competitors’ features and pricing
- Map product positioning across a market
- Identify opportunity areas for product decisions
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a product launch email designed to render in Gmail, Outlook, and Apple Mail. It uses a table layout, three benefit rows, a robust call-to-action button, and a footer designed for compliance.
- Announce a product launch by email
- Present three product benefits clearly
- Create a cross-client email with a call-to-action
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a one-page board-style decision memo that states the decision, recommendation and confidence, key facts, tradeoffs, risks, and next actions. It is designed to help a decision-maker review the essentials quickly.
- Summarize a decision for a board meeting
- Present a recommendation with confidence and supporting facts
- Lay out tradeoffs, risks, and next actions on one page
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Prepare a one-page board-style decision memo that states the decision required, recommendation and confidence, supporting facts, tradeoffs, risks, and next actions. It is designed to help a decision-maker review the essentials and sign off quickly.
- Summarize a decision for board review
- Present a recommendation with confidence and evidence
- Lay out tradeoffs, risks, and next actions
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Summarize an A/B test or product experiment by organizing its hypothesis, metrics, results, and interpretation, then provide a clear ship, stop, or iterate recommendation to support a product decision.
- Summarize an A/B test for a product decision
- Compare experiment results with the original hypothesis
- Recommend whether to ship, stop, or iterate
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Organize an A/B test or product experiment around its hypothesis, metrics, results, and interpretation, then produce a recommendation to ship, stop, or iterate. This variant presents the readout in a growth-console style.
- Summarizing an A/B test and its results
- Deciding whether to ship, stop, or iterate
- Preparing a growth-console-style experiment readout
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn an A/B test or product experiment into a product-focused readout. Organize the hypothesis, metrics, results, and interpretation, then present a clear recommendation to ship, stop, or iterate based on the experiment.
- Summarize an A/B test for a product team
- Compare experiment results with the hypothesis
- Prepare a ship, stop, or iterate recommendation
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
View a rendered example of a postmortem documenting a case where exports stalled in a confined browser. The supplied material identifies it as a sample, without describing a workflow for investigating or writing other incident reports.
- Viewing a sample postmortem
- Reviewing an example of an export hang in a confined browser
- Using the sample as a reference for incident write-ups
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
This is a rendered example of a skill for explaining a pull request (PR) as a campaign kit. The supplied material gives no details about the explanation process, output format, or additional capabilities.
- Reviewing an example of a PR campaign kit
- Exploring a sample PR explanation skill
- Checking what the provided skill example contains
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
This is described as an example of an RFC skill for letting an agent see what it built. The supplied material does not explain what artifacts it handles or how the skill performs that review.
- Exploring an example RFC skill
- Reviewing a skill concept for agent output visibility
- Understanding the stated purpose of the RFC example
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn CSV, Excel, or JSON data into a visual report page using the Data Visualization Report template. The skill prepares a design brief, follows the returned instructions to create the files, and registers the finished artifact.
- Create a visual report page from a CSV file
- Present spreadsheet data as a polished report
- Build a report page from JSON data
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn supplied content into a vertical marketing poster or a shareable Moments-style image with a strong visual look. This skill is intended for explicitly requested poster work, using real content rather than filler text or placeholder images.
- Making a vertical marketing poster
- Creating a shareable Moments-style image
- Turning campaign copy into a visual
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a square, cinematic social media carousel from a user-provided brief. It prepares the design direction, produces the artifact files, and registers the finished work for review or use.
- Create a three-card Instagram carousel
- Turn a short phrase into a social carousel
- Apply a named brand or visual direction
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026