LogoClawIndex
CasesSkillsAbout
LogoClawIndex

frontend-design - Create Distinctive Production Frontend Interfaces

Creates production-grade frontend interfaces with distinctive aesthetics, avoiding generic designs.

Tags

Updated: 2026-03-10

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create HTML structure
  • style with CSS
  • program JavaScript
  • design typography
  • design color theme
  • add animations
  • design spatial layout
  • create visual effects
  • implement dark mode
  • implement web pages
  • build web applications

Inputs

  • design requirements
  • project context
  • technical framework
  • aesthetic guidelines
  • design system v4.0
  • Nunito font
  • emerald primary color
  • modular CSS architecture
  • WCAG 2.1 standards
  • Ukrainian language

Outputs

  • HTML code
  • CSS code
  • JavaScript code
  • web components
  • web pages
  • web applications
  • interactive interfaces

Requirements

  • vanilla HTML
  • vanilla CSS
  • vanilla JavaScript
  • no React
  • no Tailwind
  • dark mode support
  • 44px touch targets
  • WCAG 2.1 compliance

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
HTML
CSS
JavaScript
frontend design
web development
web interface
UI design
UX design
dark mode
typography
color theming
responsive design
animations
visual effects
design system
production code
create HTML structure
style with CSS
program JavaScript
design typography
design requirements
project context
technical framework
HTML code
CSS code
JavaScript code