When explicitly requested, use the NYT-Style Data Chart Frame template to turn supplied content and data into a frame with newsroom typography, staggered reveal animation, and editorial-grade charts.
- Turning data into a newsroom-style chart frame
- Creating a frame with staggered chart reveals
- Applying the NYT-style template to supplied content
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn competitor research into a product decision report with a positioning map, feature matrix, pricing comparison, and opportunity windows. This variant presents the findings in a war room grid style.
- Compare competitor positioning and product features
- Review pricing across competing products
- Identify gaps and opportunities for a product decision
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a concise, one-page decision memo that states the decision, recommendation and confidence, key facts, tradeoffs, risks, and next steps so a decision-maker can review it quickly.
- Preparing a short memo for an executive decision
- Summarizing options, risks, and tradeoffs
- Making a recommendation with confidence and next steps
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn supplied content and data into a horizontal presentation deck with an editorial magazine feel and an e-ink inspired look. The template offers 10 layouts and five palettes while preserving its visual style.
- Turn an article into a horizontal deck
- Present data in an editorial style
- Choose among five template palettes
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Use supplied competitor research to create a product decision report. It organizes positioning, feature coverage, pricing, and opportunity areas so a team can compare alternatives and choose practical next steps.
- Comparing competitor positioning for a product decision
- Summarizing supplied feature and pricing research
- Finding opportunity areas to inform product planning
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn a feature or fix request into an OpenSpec change proposal with design, specifications, and implementation tasks. Generate documents in dependency order and check that the materials required to begin implementation are complete.
- Turning a feature idea into a concrete proposal
- Preparing design, specifications, and implementation tasks
- Documenting a planned fix before implementation
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn a feature or fix request into the OpenSpec documents required to begin implementation. Create files in dependency order using the workflow’s templates, track progress, and summarize what is ready for the implementation stage.
- Preparing required documents for a new feature
- Turning a bug fix request into an implementation plan
- Generating related documents in dependency order
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Explore ideas, investigate code, and clarify requirements before or during development. Use diagrams and comparisons to understand options, tradeoffs, and unanswered questions, with findings saved to OpenSpec documents when requested.
- Clarify a vague feature idea
- Investigate a confusing part of an existing codebase
- Compare technical options for a specific project
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Finalize an implemented OpenSpec change by checking deliverables, unfinished tasks, and specification updates. Review any warnings, choose whether to sync specification changes, and move the change into a dated archive with a completion summary.
- Archiving a completed implementation
- Checking for unfinished tasks before closure
- Reviewing specification updates before archiving
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Implement pending tasks in an OpenSpec change using its current specifications, design, and other context files. The skill updates task checkboxes and reports progress, pausing for clarification when requirements, design issues, or errors block implementation.
- Starting implementation from prepared OpenSpec tasks
- Resuming a partially implemented change
- Working through remaining tasks while tracking progress
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Design a Twitter share card that pairs with a post, using the provided template for a quote or data card. It uses real content and data, and is intended for requests that explicitly ask for this card style.
- Turning a quote into a card for a Twitter post
- Presenting real data in a shareable card
- Applying the Twitter Share Card template to supplied content
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Create a long-form HTML essay from supplied content using a magazine article template inspired by Huashu and huashu-md-html. Preserve the template’s visual style and use real content and data instead of filler text or placeholder images.
- Turn supplied material into a magazine-style HTML essay
- Create a long-form article using the magazine template
- Format an essay while preserving a specified visual style
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Merge proposed specification changes into the main specifications while keeping the change active. Add, revise, remove, or rename requirements, preserve unaffected content, and receive a summary of the updates.
- Update main specifications before archiving a change
- Add scenarios while preserving existing ones
- Apply requirement additions, removals, and renames
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Learn OpenSpec by completing a small change in a real codebase. Get explanations while choosing a task, writing a proposal, specifications, design, and task list, implementing the change, and archiving its decision record.
- Learning the full OpenSpec workflow through practice
- Choosing a small code improvement for a first exercise
- Learning how proposals, specifications, and design connect
feimacode/open-design-agent-kit☆ 1KUpdated Oct 31, 2026
Turn a brief or supplied content into a presentation using the Swiss International Deck template. It follows a 16-column grid and 22 fixed layouts, preserving the template’s visual style and using real content and data.
- Building slides from a brief with the Swiss International Deck template
- Arranging real content on a 16-column grid
- Creating a deck with the template’s fixed layouts
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
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☆ 1KUpdated Nov 6, 2026
Build a campaign from one brief and adapt its visual across social posts, link previews, banners, and display ads in multiple sizes and languages. Optionally add a landing page or email, then review the outputs together on a campaign sheet.
- Preparing creative for several campaign channels
- Adapting a launch kit to multiple sizes
- Creating campaign visuals in several languages
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
Create a cinematic opening or chapter card from supplied content using film light leaks, grain, letterbox framing, and large serif type. This skill is intended to run only when explicitly invoked.
- Making a cinematic video opening card
- Creating a chapter title card from real content
- Giving a video frame a film-inspired look
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
Transform supplied content into a warm parchment style document with monochrome ink-blue accents, a single serif type family, and polished editorial typography. The template preserves its visual signature and uses real content and data.
- Style a document with a parchment look
- Present content with ink-blue accents
- Format real text and data in an editorial style
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
Turn supplied material into Keynote-style slides, with one card per screen and left/right keyboard navigation. The skill preserves the template’s visual signature and uses real content and data, avoiding filler text and placeholder images in the finished presentation.
- Creating Keynote-style slides from supplied content
- Building a presentation with one card per screen
- Preparing slides with left and right keyboard navigation
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
Create a static 3D-style showcase featuring iPhone and MacBook mockups with real HTML content displayed on their screens. The Open Design template preserves its visual signature and is intended for explicit invocation with a design brief.
- Show a website on iPhone and MacBook mockups
- Create a device showcase for a product concept
- Present real HTML content in a 3D-style mockup
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
Turn supplied content into a realistic Reddit-style post card, including its vote rail and comment count. The result follows the template’s visual signature and can be used as a video overlay or story share, with real content instead of filler text or placeholder images.
- Making a Reddit-style card for a video overlay
- Turning a post into a card for a story share
- Presenting supplied content in a Reddit-like visual format
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
Turn CSV, Excel, or JSON data into a visual report page using real content. Provide a brief and, when relevant, a brand or visual direction; the skill follows the supplied template's visual style and avoids placeholder text or images.
- Creating a visual report from CSV data
- Turning an Excel sheet into a report page
- Presenting JSON data in a polished visual format
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026
Turn supplied content into a long-form HTML essay using a magazine article template. The skill follows the template’s visual style and works from the user’s brief or a provided starting example.
- Create a magazine-style essay from supplied material
- Build a long-form HTML article from a brief
- Use the template’s visual style for an editorial piece
feimacode/open-design-agent-kit☆ 1KUpdated Nov 6, 2026