Design

UI/UX direction, visual design, and design systems

Showing 73-96 of 2110 skills
coreyhaines31

free-tool-strategy

by coreyhaines31

When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," "free resource," "ROI calculator," "grader tool," "audit tool," "should I build a free tool," or "tools for lead gen." Use this whenever someone wants to build something useful and give it away to attract leads or earn links. For downloadable content lead magnets (ebooks, checklists, templates), see lead-magnets.

Design 41.1K 4mo ago
ericosiu

Clone Site

by ericosiu

Open-source AI marketing skills — growth experiments, sales pipeline, content ops, outbound, SEO, and finance automation

Design 3.1K 3mo ago
am-will

frontend-design

by am-will

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Animation 999 6mo ago
inkeep

web-design-guidelines

by inkeep

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 1.3K 5mo ago
ericosiu

Content Eval

by ericosiu

Open-source AI marketing skills — growth experiments, sales pipeline, content ops, outbound, SEO, and finance automation

Comments 3.1K 3mo ago
screenpipe

brand-style

by screenpipe

"Screenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions."

Animation 20.4K 5mo ago
guanyang

brand-guidelines

by guanyang

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.

Design 934 5mo ago
partme-ai

ant-design-react

by partme-ai

Provides comprehensive guidance for Ant Design React component library including components, design system, themes, and TypeScript support. Use when the user asks about Ant Design for React, needs to build React applications with Ant Design, or implement design system patterns.

API Dev 574 6mo ago
NousResearch

baoyu-article-illustrator

by NousResearch

"Article illustrations: type × style × palette consistency."

Design 218.1K 1mo ago
screenpipe

brand-style

by screenpipe

"Screenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions."

Animation 20.4K 5mo ago
coreyhaines31

marketing-ideas

by coreyhaines31

"When the user needs marketing ideas, inspiration, or strategies for their SaaS or software product. Also use when the user asks for 'marketing ideas,' 'growth ideas,' 'how to market,' 'marketing strategies,' 'marketing tactics,' 'ways to promote,' 'ideas to grow,' 'what else can I try,' 'I don't know how to market this,' 'brainstorm marketing,' or 'what marketing should I do.' Use this as a starting point whenever someone is stuck or looking for inspiration on how to grow. For specific channel execution, see the relevant skill (paid-ads, social-content, email-sequence, etc.)."

Design 41.1K 4mo ago
mattpocock

grill-me

by mattpocock

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

Design 179.9K 2mo ago
mattpocock

to-issues

by mattpocock

Break a plan, spec, or PRD into independently-grabbable issues on the project issue tracker using tracer-bullet vertical slices. Use when user wants to convert a plan into issues, create implementation tickets, or break down work into issues.

Design 179.9K 2mo ago
NousResearch

baoyu-comic

by NousResearch

"Knowledge comics (知识漫画): educational, biography, tutorial."

Design 218.1K 1mo ago
coreyhaines31

aso-audit

by coreyhaines31

"When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions 'ASO audit,' 'app store optimization,' 'optimize my app listing,' 'improve app visibility,' 'app store ranking,' 'audit my listing,' 'why aren't people downloading my app,' 'improve my app conversion,' 'keyword optimization for app,' or 'compare my app to competitors.' Use when the user shares an App Store or Google Play URL and wants to improve it."

Design 41.1K 3mo ago
Project-N-E-K-O

frontend-design

by Project-N-E-K-O

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.

Animation 2.2K 6mo ago
google

google-cloud-waf-reliability

by google

Generates reliability-focused guidance for Google Cloud workloads based on the design principles and recommendations in the Google Cloud Well-Architected Framework. Use this skill to evaluate a workload, identify reliability requirements, and provide actionable recommendations for build, deploy, and manage the workload reliably in Google Cloud.

Design 15K 2mo ago
coreyhaines31

social-content

by coreyhaines31

"When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' 'viral content,' 'what should I post,' 'repurpose this content,' 'tweet ideas,' 'LinkedIn carousel,' 'social media strategy,' 'grow my following,' 'TikTok video,' 'Reels,' 'Shorts,' 'video script,' 'video hook,' 'short-form video,' or 'create a reel.' Use this for social media content creation, repurposing, scheduling, and short-form video scripting. For broader content strategy, see content-strategy. For paid video ads, see ad-creative."

Comments 41.1K 2mo ago
staruhub

request-analyzer

by staruhub

Proactively analyze user requests at the start of conversations to determine task type, assess prompt quality, and intelligently recommend which skills to activate. Should activate for ALL user requests to ensure optimal workflow. Evaluates clarity, specificity, and completeness to suggest prompt-optimizer when needed. Identifies UI design tasks for ui-analyzer and component requests for react-component-generator. Acts as intelligent skill coordinator.

Automation 626 8mo ago
pbakaus

normalize

by pbakaus

Normalize design to match your design system and ensure consistency

Code Gen 48.5K 4mo ago
op7418

guizang-ppt-skill

by op7418

生成横向翻页网页 PPT(单 HTML 文件),含 WebGL 背景、章节幕封、数据大字报、图片网格等模板。提供两种风格:① "电子杂志 × 电子墨水"(衬线 + 流体背景 + 暖色) ② "瑞士国际主义"(无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮)。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT,或提到"杂志风 PPT"、"瑞士风 PPT"、"Swiss Style"、"horizontal swipe deck"时使用。

Design 22K 1mo ago
coreyhaines31

ai-seo

by coreyhaines31

"When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions 'AI SEO,' 'AEO,' 'GEO,' 'LLMO,' 'answer engine optimization,' 'generative engine optimization,' 'LLM optimization,' 'AI Overviews,' 'optimize for ChatGPT,' 'optimize for Perplexity,' 'AI citations,' 'AI visibility,' 'zero-click search,' 'how do I show up in AI answers,' 'LLM mentions,' or 'optimize for Claude/Gemini.' Use this whenever someone wants their content to be cited or surfaced by AI assistants and AI search engines. For traditional technical and on-page SEO audits, see seo-audit. For structured data implementation, see schema-markup."

Design 41.1K 3mo ago
Microck

applying-brand-guidelines

by Microck

This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging

Code Review 313 7mo ago
kostja94

branding

by kostja94

When the user wants to define, audit, or apply brand strategy—purpose, values, positioning, storytelling, voice, visual identity. Also use when the user mentions "brand strategy," "brand story," "brand storytelling," "brand voice," "brand identity," "brand guidelines," "brand purpose," "brand values," "origin story," "brand narrative," "brand personality," or "brand archetype."

Code Gen 751 4mo ago