retro-terminal
CommunityDesign systems with a retro-terminal vibe.
AuthorTheBlueBear02
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This design framework provides a cohesive, terminal-inspired visual language that helps teams escape generic UI patterns by delivering a fully specified, constrained aesthetic—complete with tokens, typography, and behavior rules for React and Tailwind projects.
Core Features & Use Cases
- A complete design system built around a phosphor-green palette, 0px borders, CRT glow, and a monospace grid, with tokens for colors, typography, spacing, borders, shadows, and motion.
- Clear setup and usage guidance, including philosophy, token docs, component references, and example pages, so AI agents can reason about and extend the design language in a consistent world.
- Real-world example pages (LandingPage.jsx) and a rigorous “What to verify” checklist to ensure the terminal aesthetic is preserved across implementations.
Quick Start
Create a sample page that boots a terminal-styled UI using the phosphor-green palette and a blinking heading.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: retro-terminal Download link: https://github.com/TheBlueBear02/drip-skills/archive/main.zip#retro-terminal Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.