← Back to Skills Marketplace
1888
Downloads
2
Stars
2
Active Installs
1
Versions
Install in OpenClaw
/install terminal-ui-website-design
Description
Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design system specifications including color palette, typography, spacing, components, and CSS implementation details.
Usage Guidance
This skill is internally coherent and appears safe from a privilege/credential perspective: it only provides design tokens, CSS, and HTML templates. However, note that the source/homepage are unknown — before using in production, verify licensing for included assets (fonts and any copied UI patterns), and review the provided files yourself for any hard-coded external URLs or script tags (none are apparent in the provided files). If you plan to embed assets on a public site, confirm trademark or design restrictions for macOS-style window controls and ensure any web fonts used are served from a trusted source or self-hosted. Finally, because the skill can be invoked by the agent, avoid granting it additional secrets or environment access unless you later audit and require those capabilities.
Capability Analysis
Type: OpenClaw Skill
Name: terminal-ui-website-design
Version: 1.0.0
The skill bundle describes a comprehensive terminal-inspired UI design system. All files (`_meta.json`, `SKILL.md`, `references/design-tokens.json`, `references/complete-css-variables.css`, `references/component-templates.html`) contain content strictly related to design specifications, CSS variables, HTML component structures, and a standard JavaScript implementation for a theme toggle. The JavaScript code in `SKILL.md` uses `localStorage` and `window.matchMedia` for theme persistence and detection, which are benign and expected functionalities. There is no evidence of data exfiltration, malicious execution, persistence mechanisms, obfuscation, or prompt injection attempts against the AI agent; all instructions are descriptive of the design system itself.
Capability Assessment
Purpose & Capability
Name/description match the provided artifacts: SKILL.md contains design-system guidance, and the repository includes CSS variables, component HTML templates, and design-tokens.json. There are no surprising requests (no binaries, env vars, or config paths) that would be unrelated to a UI design system.
Instruction Scope
SKILL.md contains design guidance and implementation details (colors, typography, usage). It does not instruct the agent to read system files, environment variables, or transmit data externally, nor does it contain commands to execute arbitrary code. Instructions remain within the scope of producing UI/design output.
Install Mechanism
No install spec is provided (instruction-only). No downloads or extraction steps are present, so nothing will be written to disk or executed by an installer as part of the skill itself.
Credentials
The skill requires no environment variables or credentials. The only external dependency implied is fonts (JetBrains Mono, Fira Code, Consolas) which are typical for a design system but do not require secrets or credentials.
Persistence & Privilege
Flags are default: always:false and user-invocable:true. The skill does not request persistent presence or system-wide configuration changes. Autonomous model invocation is allowed by platform default but the skill's content does not expand its privileges.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install terminal-ui-website-design - After installation, invoke the skill by name or use
/terminal-ui-website-design - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release: Introduces a comprehensive terminal-inspired UI design system.
- Provides a full design system mimicking macOS terminal aesthetics, including colored window dots and monospace fonts.
- Defines a warm, developer-friendly color palette optimized for high contrast and syntactic clarity.
- Specifies detailed typography settings using JetBrains Mono and a scalable system for sizes and weights.
- Establishes a consistent spacing and border radius scale for element and layout structure.
- Includes guidelines for color usage, component styling, and CSS variable naming.
- Designed for developer tools, code marketplaces, and technical documentation interfaces.
Metadata
Frequently Asked Questions
What is Terminal UI Website Design?
Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design system specifications including color palette, typography, spacing, components, and CSS implementation details. It is an AI Agent Skill for Claude Code / OpenClaw, with 1888 downloads so far.
How do I install Terminal UI Website Design?
Run "/install terminal-ui-website-design" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Terminal UI Website Design free?
Yes, Terminal UI Website Design is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Terminal UI Website Design support?
Terminal UI Website Design is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Terminal UI Website Design?
It is built and maintained by chyinan (@chyinan); the current version is v1.0.0.
More Skills