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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新
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☆ 10232026年10月31日 更新