technical-wireframe-info-layout
Skill by MengTo · updated · ★ 7k
Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing. technical-wireframe-info-layout is published by MengTo on GitHub.
Install technical-wireframe-info-layout
Built from the published package, never by AIgit clone --depth 1 https://github.com/MengTo/Skills /tmp/Skills && mkdir -p ~/.claude/skills && cp -r /tmp/Skills/agent-skills/web-design/technical-wireframe-info-layout ~/.claude/skills/technical-wireframe-info-layoutRun in your terminal. Claude Code loads skills from ~/.claude/skills automatically.
Step-by-step: install technical-wireframe-info-layout in Claude Code
git clone --depth 1 https://github.com/MengTo/Skills /tmp/Skills && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/Skills/agent-skills/web-design/technical-wireframe-info-layout ~/.gemini/antigravity-cli/skills/technical-wireframe-info-layoutAntigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.
Step-by-step: install technical-wireframe-info-layout in Antigravity CLI
Skills can run scripts on your machine. Some need an API key: check the README.
Last commit 6 days ago
MIT: permissive, fine for commercial use
Clear description, installs from GitHub, 6,982 stars, original repository
No risky patterns in the files we checked
Weekly newsletter
Like technical-wireframe-info-layout? Get the best new skills every week
The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.
Security check
ANo download-and-run commands, hidden instructions or signs of sending keys out were found.
Checked automatically: agent-skills/web-design/technical-wireframe-info-layout/SKILL.md. This looks for known risky patterns and is not a full audit. How grades work
Inside the skill
-
SKILL.md4 KB -
demo/PROMPT.md3 KB -
demo/assets/page-01-fa51902b-c2a4-4c33-a96e-a8f1ef67edc6-1600w.jpg46 KB -
demo/assets/source-preview.jpg48 KB -
demo/index.html44 KB -
demo/preview.jpg55 KB -
demo/source.json3 KB
Alternatives to technical-wireframe-info-layout
All alternatives →Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.
Create a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces.
Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.
Generate publication-quality academic diagrams from paper methodology text
This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, or implement polished frontend interfaces with a clear design system.
technical-wireframe-info-layout: common questions
How do I install technical-wireframe-info-layout?
Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.
Is technical-wireframe-info-layout free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is technical-wireframe-info-layout safe to use?
It scores 91 of 100. Grades: maintenance A, licence A, quality A. Security check: grade A, no risky patterns found in the files checked. Review the code before you install. How grades work.
What are alternatives to technical-wireframe-info-layout?
Similar skills: show-me, nested-container-clean-agency, orange-clean-paper-saas, light-mode-paper-technical.
