๐จ Local-first, open-source Claude Design alternative. ๐ฅ๏ธ Native desktop app. โก 259+ Skills ยท โจ 142+ Design Systems ๐ผ๏ธ Web ยท desktop ยท mobile prototypes ยท slides ยท images ยท videos ยท HyperFrames ๐ฆ Sandboxed preview ยท HTML/PDF/PPTX/MP4 export ๐ค Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.
npx skills add nexu-io/open-design๐จ Local-first, open-source Claude Design alternative. ๐ฅ๏ธ Native desktop app. โก 259+ Skills ยท โจ 142+ Design Systems ๐ผ๏ธ Web ยท desktop ยท mobile prototypes ยท slides ยท images ยท videos ยท HyperFrames ๐ฆ Sandboxed preview ยท HTML/PDF/PPTX/MP4 export ๐ค Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.
This repo contains 6 individual skills โ each has its own dedicated page.
Parse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it professional" by requiring explicit dimensions: palette, typography, layout, mood, density, and constraints. Trigger keywords: "design brief", "create a design brief", "ilang brief", "structured brief".
Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, application screens, and UI beautification.
Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.
Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an HTML slide deck and asks to compare/audit/verify/fix the export โ including phrases like "compare ppt with html", "fidelity audit", "fix the pptx", "ppt is cut off", "footer overlap", "italic missing in pptx", "re-export the deck", "pptx-html-fidelity-audit", or any case where a python-pptx โ HTML round-trip needs verification or repair. Also trigger when the user shows you a deck.html and a deck.pptx side by side and is debugging visual differences.
Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in Open Design.
Web design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.
Agent skill repository for xnomad-dev/claude-skills.
Agent skills framework for digital product engineering
Pushes interfaces past conventional limits with technically ambitious implementations โ shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.
AI Agent skill for narrator-ai-cli โ CLI client for Narrator AI video narration API
Generate Makoto Shinkai style manga sequences and video prompts for AI tools with this Claude Skill. Use professional character tracking and cinematic layouts.
Create award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence. Specializes in WebGL, custom shaders, premium animations, and distinctive aesthetics that would win on Awwwards. Use when building landing pages, dashboards, platforms, or any interface where "generic AI slop" is unacceptable.