Open Design
Open Design routes design work into the right workflow—prototype, deck, document, or media—using coding agents already on your machine. It includes 72 built-in design systems, 5 visual directions, and exports to HTML, PDF, PPTX, and more.
Open Design generates UI prototypes, presentation decks, and design artifacts locally using your installed coding agents.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-28
Open Design generates UI prototypes, presentation decks, and design artifacts locally using your installed coding agents. Open Design routes design work into the right workflow—prototype, deck, document, or media—using coding agents already on your machine. It includes 72 built-in design systems, 5 visual directions, and exports to HTML, PDF, PPTX, and more.
Use it when
- Open Design functions as an open design platform that emphasizes collaborative workflows and accessible design tools.
- Open Design supports collaborative design workflows by routing work through appropriate channels—prototypes, decks, documents.
Install
akillness/jeo-skills/open-design · repository language: TypeScript
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Open Design and how does it work?
Open Design routes design work into the right workflow—prototype, deck, document, or media—using coding agents already on your machine. It includes 72 built-in design systems, 5 visual directions, and exports to HTML, PDF, PPTX, and more. The tool streamlines your design process by automating routing decisions and providing ready-made systems to accelerate project delivery.
Is Open Design an open source design platform?
Open Design functions as an open design platform that emphasizes collaborative workflows and accessible design tools. It leverages open principles to enable teams to work together on design projects, with built-in design systems and frameworks that support modern collaborative design practices across multiple output formats.
What design collaboration features does Open Design offer?
Open Design supports collaborative design workflows by routing work through appropriate channels—prototypes, decks, documents, or media assets. With 72 built-in design systems and 5 visual directions included, teams can maintain consistency across collaborative projects while exporting to multiple formats like HTML, PDF, and PPTX for seamless sharing and integration.
Can Open Design automate design workflows?
Yes, Open Design automates and streamlines design workflows using coding agents that run locally on your machine. This automation helps route design work efficiently to the appropriate workflow stage, reducing manual handoffs and enabling faster iteration on design systems and output generation.
What export formats and design resources does Open Design support?
Open Design exports to HTML, PDF, PPTX, and additional formats, making it easy to share designs across teams and integrate into existing pipelines. The platform includes 72 built-in design systems and 5 visual directions as ready-to-use resources, eliminating the need to build design frameworks from scratch.
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Find an open-source or freely available design tool for collaborative projects”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Presentation Builder creates actual slide decks when you need a shareable presentation artifact—investor pitches, roadmap reviews, launch decks, architecture walkthroughs, workshops, or game pitches. It handles the full workflow from outline through visual iteration to export in HTML, PPTX, PDF, Google Slides, or Figma Slides, routing non-deck work like specs or tutorials to other skills.
Turn briefs into polished presentations through a guided four-step pipeline: clarify audience and scope, optionally research your topic, build and approve a slide outline, then export to PPTX. Tailored templates for executives, engineers, investors, and mixed audiences ensure your deck hits the right tone and structure.
UX Designer walks you through a five-phase methodology for building user-centered experiences: organizing content logically, mapping user flows, creating wireframes, testing prototypes with real users, and delivering production-ready designs. Each phase includes specific activities, validation checklists, and practical guidance on accessibility, design patterns, and tools like Figma and component libraries.
Generate a fully interactive single-file HTML prototype powered by LobeHub's actual design system (@lobehub/ui, antd, antd-style). Write production-style React code that compiles on-the-fly via Babel; double-click the HTML file to preview in any browser. Perfect for exploring redesigns or mocking flows before committing to implementation.
Frontend Design teaches you to create visually striking web interfaces with purpose and precision. It guides you through bold aesthetic choices, typography pairing, cohesive color systems, and spatial rhythm while explicitly avoiding the generic patterns that mark AI-generated work. Use this skill to build production-grade components and pages that feel intentional and memorable.
UI Design System guides you through building production-ready design systems from the ground up. It covers the complete workflow: establishing primitive, semantic, and component token layers; architecting atomic to organism-level components; and implementing light/dark theming with responsive patterns. Built for Tailwind CSS v4 and CSS custom properties.