F

frontend-design

Автор:anthropics·#2 в тренде

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

139,700звезды
Впервые увиделJan 19, 2026

Установка

Отправьте эту команду своему ИИ-агенту:

npx skills add https://github.com/anthropics/skills --skill frontend-design

Документация

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics.

  • Guides design thinking before coding: establish bold aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, playful, etc.) with clear purpose, tone, and differentiation
  • Emphasizes typography, color theming, motion, spatial composition, and textural details as core design pillars; uses CSS variables, animations, and scroll-triggered effects
  • Generates working, functional code (HTML/CSS/JS, React, Vue) that matches implementation complexity to aesthetic vision: elaborate code for maximalist designs, restrained precision for minimalist ones
  • Explicitly avoids generic patterns: overused fonts (Inter, Roboto), clichéd color schemes (purple gradients), predictable layouts, and cookie-cutter component design

Ссылки

GitHub

Аудит безопасности