alexago83/logics-mockup-generator
logics-mockup-generator/SKILL.md
Generate quick PNG UI mockups (dashboards/panels) and store them under logics/external. Use when the user asks for on-the-fly visual mockups or PNG previews.
$ install --global
skillsauthnpx skillsauth add alexago83/cdx-logics-kit logics-mockup-generatorInstall 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: Apr 10, 2026, 3:08 AM35.0s3 files scanned
SKILL.md
- name:
- logics-mockup-generator
- description:
- Generate quick PNG UI mockups (dashboards/panels) and store them under logics/external. Use when the user asks for on-the-fly visual mockups or PNG previews.
Mockup generator (PNG)
Use this skill to create fast, disposable UI mockups (PNG) directly in the repo. Output goes to logics/external/mockup/ by default. Defaults are neutral (non-domain-specific); pass your own labels when you want domain-specific content.
Always generate both mobile and desktop variants unless the user explicitly asks for only one.
For VS Code extensions, use the vscode preset and generate desktop only.
Quick start (dashboard preset)
python logics/skills/logics-mockup-generator/scripts/mockup.py \
--layout desktop \
--out logics/external/mockup/dashboard-desktop.png
python logics/skills/logics-mockup-generator/scripts/mockup.py \
--layout mobile \
--out logics/external/mockup/dashboard-mobile.png
VS Code extension preset (desktop only)
python logics/skills/logics-mockup-generator/scripts/mockup.py \
--preset vscode \
--out logics/external/mockup/logics-orchestrator-desktop.png \
--title "LOGICS ORCHESTRATOR" \
--columns "Requests|Backlog|Tasks|Specs" \
--detail-title "Details" \
--detail-lines "ID: req_000_kickoff|Stage: request|Status: draft|Owner: you|Updated: today"
Breakdown tab (base + modifiers)
python logics/skills/logics-mockup-generator/scripts/mockup.py \
--mode breakdown \
--layout desktop \
--out logics/external/mockup/breakdown-desktop.png
python logics/skills/logics-mockup-generator/scripts/mockup.py \
--mode breakdown \
--layout mobile \
--out logics/external/mockup/breakdown-mobile.png
Customize (optional)
You can override the title, cards, and top‑skills list:
python logics/skills/logics-mockup-generator/scripts/mockup.py \
--out logics/external/mockup/dashboard-mock.png \
--title "OVERVIEW" \
--cards "Metric A|52,180|+9.1%;Metric B|8,340|+2.6%;Metric C|1,284|+3.4%;Metric D|9h 10m|-18m" \
--action-time "Active time|6h 22m|+41m" \
--skills "Category A|1h 32m|24%;Category B|1h 06m|17%;Category C|58m|15%;Category D|46m|12%;Category E|39m|10%" \
--tabs "Overview|Breakdown" \
--layout desktop
Formats:
--cards:Label|Value|Deltaentries separated by;.--action-time: singleLabel|Value|Delta.--skills:Name|Time|Shareentries separated by;.
Notes
- Outputs are placed under
logics/external/mockup/unless you pass a different--out. - Requires Python 3 and Pillow (
pip install pillow) if not already available.
Related Skills
alexago83/logics-mermaid-generator
data-ai
VerifiedTrustedCommunity
Generate Logics workflow Mermaid blocks with a deterministic fallback that stays compatible with the flow manager.
1SKILL.mdUpdated Apr 10, 2026
alexago83/fixture-valid-skill
testing
VerifiedTrustedCommunity
Fixture skill used to validate Logics kit package parsing.
1SKILL.mdUpdated Apr 2, 2026
alexago83/tests/fixtures/skill_package_invalid
testing
VerifiedTrustedCommunity
--- name: fixture-invalid-skill description: invalid: yaml frontmatter sample --- # Fixture Invalid Skill This fixture intentionally violates the SKILL frontmatter contract.
1SKILL.mdUpdated Apr 2, 2026
alexago83/logics-workstream-planner
development
VerifiedTrustedCommunity
Plan workstreams/roadmap from Logics backlog and tasks. Use when Codex should generate a `logics/ROADMAP.md` grouping items into Now/Next/Later/Done based on priority and progress.
1SKILL.mdUpdated Apr 2, 2026