LogoClawIndex
CasesSkillsAbout
LogoClawIndex

Frontend Design - Web Application Design Guidelines

Provides standards and best practices for creating dynamic web applications

Tags

Updated: 2026-03-20

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create web applications
  • write HTML structure
  • write JavaScript logic
  • apply vanilla CSS
  • use Next.js framework
  • use Vite framework
  • initialize projects with npx
  • run development servers
  • generate images
  • implement design systems
  • build components
  • create responsive layouts
  • optimize performance
  • implement title tags
  • add meta descriptions
  • use semantic HTML

Inputs

  • user requirements
  • web app framework preference
  • TailwindCSS version
  • image generation requests

Outputs

  • HTML files
  • JavaScript files
  • CSS files
  • dynamic web applications
  • framework configurations
  • design tokens
  • components
  • images
  • responsive layouts
  • title tags
  • meta descriptions

Requirements

  • HTML
  • JavaScript
  • Vanilla CSS
  • Node.js environment
  • npm package manager

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.
frontend
web development
HTML
CSS
JavaScript
design systems
responsive design
Next.js
Vite
SEO
create web applications
write HTML structure
write JavaScript logic
apply vanilla CSS
user requirements
web app framework preference
TailwindCSS version
HTML files
JavaScript files
CSS files