design▌
303 indexed skills · max 10 per page
figma-implement-design
openai/skills · Frontend
Translate Figma designs into production-ready code with pixel-perfect visual fidelity. \n \n Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs \n Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure \n Emphasizes design system reuse, design token mapping, and 1:1 visual par
design-sprint
wondelai/skills · Frontend
A five-day process for answering critical business questions through design, prototyping, and testing ideas with customers. Developed at Google Ventures and used by Google, Slack, Airbnb, and hundreds of startups.
frontend-design
mager/frontend-design · Frontend
Dark-first UI design with neon accents, monospace typography, and visual discovery patterns for addictive interfaces. \n \n Emphasizes dark themes (rich blacks), terminal-inspired typography (JetBrains Mono + Space Grotesk), and neon color accents (cyan, purple, lime, coral) paired with CSS custom properties for swappable theming \n Prioritizes tactile interactions: hover lifts, staggered animations, glow effects, and micro-interactions that reward exploration and scrolling \n Recommends signatu
frontend-responsive-design-standards
am-will/codex-skills · Frontend
$22
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
presentation-design-enhancer
onewave-ai/claude-skills · Frontend
Transform text-heavy slides into visual storytelling. Suggest layout improvements, icon usage, and data visualization.
design-review
jezweb/claude-skills · Frontend
Review a web app or page for visual design quality. This is not a UX audit (usability, workflow, friction) — this checks whether the design is professional, consistent, and polished.
design-system
supercent-io/skills-template · Frontend
Production-grade UI design system with design tokens, layout rules, motion guidelines, and accessibility validation. \n \n Provides structured design tokens for colors, typography, spacing, shadows, and breakpoints with 8px-based spacing scale \n Includes section-by-section component architecture with responsive breakpoints (mobile-first, 640/768/1024/1280px) \n Covers motion specifications with CSS variables for duration and easing, plus hover and transition patterns \n Built-in WCAG 2.1 AA acc
logo-design-guide
inferen-sh/skills · Frontend
AI-powered logo design with prompting strategies, scalability rules, and iteration workflows. \n \n Covers six logo types (wordmark, lettermark, pictorial, abstract, mascot, combination) with use cases and design considerations for each \n Provides tested prompt structures and keywords that work with AI image generators, plus explicit anti-patterns to avoid (text rendering, photorealism, gradients) \n Includes scalability checklist ensuring logos work from 16px favicons to billboards, plus color
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