Ascii visual portal
Build, Control, and Render — AI agents create software from ASCII templates. The same ASCII becomes the running app AND can render as beautiful GUIs.
npx -y skills add tdw419/ascii-world --skill ascii-visual-portalAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Guidelines and components for building high-fidelity ASCII World portals. Use when designing the "Neural-Reality" dual-pane layout with glassmorphism and neon accents.
SKILL.md
1.4 KB, 336 tokens by cl100k_base, as published. Nobody here has run it
ASCII Visual Portal
This skill provides the design system and implementation logic for the canonical ASCII World index portal.
The Standard: Neural-Reality Dual Substrate
Every portal must adhere to the 40/60 "Neural-Reality" split.
1. The Neural Pane (Left 40%)
- Component: A
<aside>container with a black background. - Content: Raw ASCII output from the manager or bridge.
- Styling:
color: #00ff41; font-family: monospace; text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
2. The Reality Pane (Right 60%)
- Component: A
<section>container usingglass-cardCSS classes. - Content: High-fidelity GUI cards rendered via
AutoRenderer. - Styling:
backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1);
Aesthetic Constants
- Gradient:
radial-gradient(circle at top right, #1a1a2e, #050508) - Core Accent:
#00d9ff(System) - Active Accent:
#00ff88(WordPress/Substrate)
Implementation
- CSS: Link to or import
MasterPortal.css. - Logic: Use the
useAsciiStatehook for both manager and nested substrates. - Routing: Implement the
GLOBALSfilter to route keys between substrates.