메뉴
Create distinctive, production-grade frontend interfaces with bold, cohesive aesthetics and refined implementation — visual identity, typography systems, color palettes, and layout composition.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Interact with Hermes Agent's OpenAI-compatible API for multi-model conversations, skill management, and scheduled tasks
Generate and manage Docker Compose stacks via the better-openclaw API
Deploy and manage a self-hosted Tailscale control server (Headscale) for zero-trust private networking and secure access to your stack.
A specialized skill workflow instructing you to use Serper (for discovery) and any configured Browser Automation provider (Hyperbrowser, Browseruse, Lightpanda, or Browserless) to scrape official documentation and teach yourself new technical skills.
Instructions for utilizing the HexStrike AI MCP Server for automated pentesting and security research.
Instructions for managing the PentAGI autonomous AI agent system for complex penetration testing tasks.
| name | frontend-distinctive-design |
| description | Create distinctive, production-grade frontend interfaces with bold, cohesive aesthetics and refined implementation — visual identity, typography systems, color palettes, and layout composition. |
| metadata | {"openclaw":{"emoji":"💎","source":"https://github.com/anthropics/skills"}} |
:root {
/* Type scale — musical intervals */
--text-xs: 0.75rem; /* 12px */
--text-sm: 0.875rem; /* 14px */
--text-base: 1rem; /* 16px */
--text-lg: 1.125rem; /* 18px */
--text-xl: 1.25rem; /* 20px */
--text-2xl: 1.5rem; /* 24px */
--text-3xl: 1.875rem; /* 30px */
--text-4xl: 2.25rem; /* 36px */
/* Heading: tight tracking, heavier weight */
--heading-tracking: -0.02em;
--heading-weight: 700;
/* Body: comfortable reading */
--body-leading: 1.6;
--body-max-width: 65ch;
}
font-display: swap