Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
## Overview This skill provides comprehensive guidance for implementing best practices in production environments. It covers setup, configuration, common patterns, and edge cases that ensure reliable behavior across different project structures. ## Configuration Add the following to your project configuration file: ```yaml skill: name: Frontend Design version: 1 trust_score: 8 ``` ## Best Practices 1. Always validate input parameters before processing 2. Use environment-specific configuration for different 3. Implement proper error handling and fallback strategies 4. Monitor performance metrics and adjust as needed
Full skill content is available after sign in
Get complete instructions, configuration, and best practices
Get AccessRelated skills
Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Brand Guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."