# Open Design Open Design is an open-source, AI-native design platform. Instead of treating UI generation as a manual canvas exercise, it treats it as an agent workflow. The whole product is built around an extensible plugin model, and here plugins aren't just integrations. They're the primary unit of composition. Three plugin types form the core abstraction: - **Templates** — reusable starting points (layouts, pages, components) that agents instantiate and adapt - **Skills** — capability units the agent can invoke (similar in spirit to [[Claude Code]] skills); each Skill encapsulates a specific design or generation behavior - **Systems** — opinionated bundles tying [[Design Systems]], tokens, and rules together, so the generated output stays on-brand The platform leans on [[Large Language Models (LLMs)]] and [[AI Agents]] under the hood. The user describes intent, and the agent composes Templates + Skills + Systems to produce a working design. Open source on GitHub (`nexu-io/open-design`), with a public plugin marketplace, tutorials, blog, and community hub. Worth paying attention to because the Skill/System split mirrors PKM-side thinking on capabilities; a useful reference point for anyone building agent-driven creative tooling. See also [[HTML Anything]], the plugin that turns prompts into raw HTML/CSS. ## References - https://open-design.ai/ - Source code: https://github.com/nexu-io/open-design - Plugins: https://open-design.ai/plugins/ - Templates: https://open-design.ai/plugins/templates/ - Skills: https://open-design.ai/plugins/skills/ - Systems: https://open-design.ai/plugins/systems/ - Tutorials: https://open-design.ai/tutorials/ - Blog: https://open-design.ai/blog/ - Community: https://open-design.ai/community/ - YouTube: https://www.youtube.com/@01coder30 ## Related - [[HTML Anything]] - [[Claude Design]] - [[AI Agents]] - [[Large Language Models (LLMs)]] - [[Design Systems]] - [[Vibe Coding]] - [[Prompt Engineering]]