skills.rest
taku-o
taku-oCOMMUNITY
Explore all skills by this author →
Website𝕏@taku_oGitHub

frontend-design

Design and implement production-grade frontend interfaces with HTML, CSS, and JavaScript.

Updated Dec 23, 2025
Search Tags:#typography#design#frontend#UI#CSS#motion
One-click install
npx skills add https://github.com/taku-o/go-webdb-template --skill frontend-design-taku-o
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/taku-o/go-webdb-template/tree/main/.claude/skills/frontend-design
Command: npx skills add https://github.com/taku-o/go-webdb-template --skill frontend-design-taku-o

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides the design and implementation of production-grade frontend interfaces with bold aesthetics, ensuring code quality and usability beyond generic AI outputs.

Core Features & Use Cases

  • Aesthetic direction: Bold typography, color, motion, and spatial composition
  • Production-grade output: Clean, maintainable HTML/CSS/JS or components
  • Accessibility: Color contrast and keyboard navigation considerations

Quick Start

Provide a frontend requirement (component/page) and Claude will output a complete, polished frontend scaffold with styles and interactions.