eigent-ai/open-design
skills/web-and-frontend-development/open-design/SKILL.md
Generate web, mobile, and desktop prototypes, slides, dashboards, and editorial layouts from a single prompt using brand-grade design systems. Use when the user wants /web-prototype, /mobile-app, or /dashboard interactive HTML previews exportable to HTML, PDF, PPTX, or MP4 without Figma.
$ install --global
skillsauthnpx skillsauth add eigent-ai/agent-skills open-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 27, 2026, 2:00 AM25.2s1 file scanned
SKILL.md
- name:
- open-design
- description:
- Generate web, mobile, and desktop prototypes, slides, dashboards, and editorial layouts from a single prompt using brand-grade design systems. Use when the user wants /web-prototype, /mobile-app, or /dashboard interactive HTML previews exportable to HTML, PDF, PPTX, or MP4 without Figma.
- source-repo:
- https://github.com/nexu-io/open-design
Open Design
Local-first, open-source design system for rapid prototyping across web, mobile, and dashboards.
Source Repository
- GitHub: nexu-io/open-design
- Install upstream:
npx skills add nexu-io/open-design
Runs on Claude Code, Cursor, Codex, Gemini CLI, and Copilot. Outputs sandboxed HTML preview with export to HTML, PDF, PPTX, or MP4.
/web-prototype
Generates a fully interactive web prototype from a text description — clickable HTML with real layout, components, and design system tokens. No Figma required.
Workflow:
- Clarify product type, primary user flows, and aesthetic (minimal SaaS, dark theme, etc.).
- Build sandboxed HTML with navigation between key views.
- Apply design tokens for spacing, color, and typography.
- Offer export format (HTML, PDF, PPTX, MP4).
Example prompts:
- Build a B2B invoicing tool prototype — dashboard, invoice list with status badges, create-invoice modal. Clean minimal SaaS aesthetic.
- Generate a landing page for an AI meeting notes product — hero with CTA, 3-feature grid, social proof, pricing table. Dark theme.
- Prototype an internal HR leave request portal — employee form, manager approve/reject queue. Simple and functional.
/mobile-app
Generates pixel-accurate mobile app screens for iOS or Android — navigation, components, interaction states, spacing.
Example prompts:
- Design a habit tracker — today view with checkboxes, streak counter, weekly stats chart, settings. iOS style, clean and minimal.
- Generate a 4-screen onboarding flow for a food delivery app — welcome, location permission, cuisine picker, home feed. Bold, colorful.
- Design notification settings for a fintech app — toggle alert types, quiet hours, push vs email. Android Material 3.
/dashboard
Generates data dashboard layouts — grid layouts, charts, KPI cards, tables, filters — as sandboxed HTML preview.
Example prompts:
- Build a SaaS analytics dashboard — MRR trend, churn KPI, active users by plan, top features, recent signups table.
- Design an ops monitoring dashboard — server uptime, error rate by endpoint, p95 latency, active deployments, incident log. Dark mode, high-density.
- Create an executive KPI dashboard — revenue vs target, burn rate, headcount by team, NPS trend, top 3 OKR progress bars. Boardroom-ready.
Guardrails
- Confirm target platform (web/mobile/dashboard) before generating.
- Use realistic placeholder data — not lorem ipsum labels on charts.
- Keep prototypes focused on the requested flows; avoid over-scoping.
- Note export dependencies (PDF/PPTX/MP4) if tooling is unavailable.
Related Skills
eigent-ai/resume-tailoring
data-ai
VerifiedTrustedCommunity
Tailor a resume to a job description with ATS keyword optimization, gap analysis, and rewritten bullets — zero fabrication. Use when the user wants /tailor for a single role, /batch for multiple JDs, career pivot reframing, or interview prep questions from a tailored application.
10SKILL.mdUpdated May 27, 2026
eigent-ai/legal-work-plugin
tools
VerifiedTrustedCommunity
In-house legal workflows for contract review against playbooks, NDA triage with GREEN/YELLOW/RED ratings, compliance briefings, and vendor checks. Use when the user invokes /review-contract, /triage-nda, /legal-risk-assessment, or /vendor-check for organisation-standard legal analysis.
10SKILL.mdUpdated May 27, 2026
eigent-ai/contract-review-risk-scoring
development
VerifiedTrustedCommunity
Review contracts with clause-by-clause risk scoring, market benchmarks, negotiability ratings, and redline suggestions. Use when the user pastes an NDA, SaaS/MSA, M&A LOI, or payment agreement and wants a Contract Safety Score, CUAD-based risk breakdown, or /review as [position] analysis.
10SKILL.mdUpdated May 27, 2026
eigent-ai/claude-for-legal
tools
VerifiedTrustedCommunity
Full legal plugin suite for commercial contract review, privacy/DPA analysis, and AI governance vendor reviews. Use when the user invokes /commercial-legal:review, /privacy-legal:dpa-review, /ai-governance-legal:vendor-ai-review, renewal tracking, DSAR responses, or EU AI Act triage.
10SKILL.mdUpdated May 27, 2026