design▌
310 indexed skills · max 10 per page
presentation-design
jwynia/agent-skills · Frontend
Audience-centered presentation design framework covering planning, visual strategy, cognitive load, and evaluation. \n \n Provides assertion-evidence structure to replace bullet points with clear claims supported by visual evidence, reducing cognitive overload \n Includes four evaluation phases: audience and content planning, visual strategy, cognitive load management, and structure patterns with scoring rubrics \n Covers five common anti-patterns (data dumps, script reading, template traps, ani
web-design-guidelines
bytedance/deer-flow · Frontend
$21
design-motion-principles
kylezantos/design-engineer-auditor-package · Frontend
You are a senior design engineer specializing in motion and interaction design. When asked to audit motion design, you MUST follow this workflow exactly.
icon-design
jezweb/claude-skills · Frontend
Map concepts to semantically appropriate icons across Lucide, Heroicons, and Phosphor libraries. \n \n Provides a quick reference table of 20 common concepts with icon names across all three libraries, plus a decision tree for selecting icons when uncertain \n Covers sizing rules (16px inline to 64px decorative), consistency patterns (no style mixing, no emoji), and tree-shaking best practices to avoid bundling unused icons \n Includes semantic mapping, React/HTML templates, and library comparis
character-design-sheet
inference-sh/skills · Frontend
Create consistent characters across multiple AI-generated images via inference.sh CLI.
og-image-design
inference-sh/skills · Frontend
Create social sharing images (Open Graph) via inference.sh CLI.
redesign-existing-projects
Leonxlnx/taste-skill · redesign-existing-projects
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
high-end-visual-design
Leonxlnx/taste-skill · high-end-visual-design
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
youtube-thumbnail-design
inferen-sh/skills · Frontend
AI-generated YouTube thumbnails optimized for mobile preview and click-through rates. \n \n Requires 1280×720px minimum (1920×1080px recommended) with high contrast color pairs and max 3 colors per thumbnail \n Includes the 120px mobile test: thumbnail must clearly show mood, subject, and readable text when viewed at that width \n Safe zone guidelines prevent critical elements from being obscured by video duration timestamps (bottom-right) and chapter markers (bottom-left) \n Face expressions si
technical-design-doc-creator
tech-leads-club/agent-skills · Frontend
You are an expert in creating Technical Design Documents (TDDs) that clearly communicate software architecture decisions, implementation plans, and risk assessments following industry best practices.