design▌
310 indexed skills · max 10 per page
ui-design
shajith003/awesome-claude-skills · Frontend
Only code in HTML/Tailwind in a single code block. Any CSS styles should be in the style attribute. Start with a response, then code and finish with a response. Don't mention about tokens, Tailwind or HTML. Always include the html, head and body tags. Use lucide icons for javascript, 1.5 strokewidth. Unless style is specified by user, design in the style of Linear, Stripe, Vercel, Tailwind UI (IMPORTANT: don't mention names). Checkboxes, sliders, dropdowns, toggles should be custom (don't add, o
xlsx
anthropics/skills · AI/ML
Create, edit, and analyze Excel spreadsheets with formulas, formatting, and error-free calculations. \n \n Supports reading, creating, and modifying .xlsx, .xlsm, .csv, and .tsv files using pandas for data analysis and openpyxl for formulas and formatting \n Automatically recalculates all formulas and scans for Excel errors (#REF!, #DIV/0!, #VALUE!, #N/A, #NAME?) using LibreOffice integration \n Enforces industry-standard color coding and number formatting for financial models (blue for inputs,
penpot-uiux-design
github/awesome-copilot · Frontend
Professional UI/UX design creation in Penpot with MCP tools, design systems, and accessibility standards. \n \n Four MCP tools enable design creation, modification, export, and API access within Penpot's plugin context \n Includes discovery workflow to identify existing design systems, components, and tokens before building new designs \n Covers responsive layouts for mobile (375×812), desktop (1440×900), and platform-specific guidelines (iOS, Android, Material Design) \n Provides default design
frontend-design
anthropics/claude-plugins-official · Frontend
Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. \n \n Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices \n Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact \n Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purp
brand-guidelines
anthropics/skills · AI/ML
Apply Anthropic's official brand colors and typography to visual artifacts and designs. \n \n Includes a defined color palette with primary dark/light neutrals, mid and light grays, plus three accent colors (orange, blue, green) \n Applies Poppins font to headings (24pt+) and Lora font to body text, with automatic fallbacks to Arial and Georgia \n Smart color selection based on background context to preserve readability and visual hierarchy \n Works with system-installed fonts; no additional ins
ipados-design-guidelines
ehmo/platform-design-skills · Frontend
Comprehensive rules for building iPad-native apps following Apple's Human Interface Guidelines. iPad is not a big iPhone -- it demands adaptive layouts, multitasking support, pointer interactions, keyboard shortcuts, and inter-app drag and drop. These rules extend iOS patterns for the larger, more capable canvas.
mobile-ios-design
wshobson/agents · Frontend
Native iOS app design with SwiftUI, Apple HIG compliance, and adaptive layouts for iPhone and iPad. \n \n Covers SwiftUI stack-based and grid layouts, NavigationStack and TabView patterns, and system integration with SF Symbols and Dynamic Type \n Includes semantic color system, materials, shadows, and depth techniques that automatically support light and dark modes \n Provides best practices for accessibility, safe areas, state restoration, and iPad multitasking support \n Addresses common pitf
tvos-design-guidelines
ehmo/platform-design-skills · Frontend
Apple TV is a living room device driven entirely by focus-based navigation and the Siri Remote. There is no pointer, no touch screen, and no mouse. Every design decision must account for the 10-foot viewing distance, the simplicity of the remote, and the lean-back nature of TV consumption.
design-system-patterns
wshobson/agents · Frontend
Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems. \n \n Covers three-layer token organization: primitive tokens (raw values), semantic tokens (contextual meaning), and component tokens (specific usage) \n Includes theme switching patterns with CSS custom properties, React context providers, system preference detection, and persistent storage \n Provides component architecture patterns including compound components, polymorphic var
refero-design
referodesign/refero_skill · Frontend
$22