设计
UI/UX 方向、视觉设计与设计系统
competitor-teardown
inference-sh
"Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning"
frontend-design
EveryInc
This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality. It applies when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
bmad-os-diataxis-style-fix
bmad-code-org
Fixes documentation to comply with Diataxis framework and BMad Method style guide rules. Use when user asks to check or fix style of files under the docs folder.
Angular Style Guide
HoangNguyen0403
Naming conventions, file structure, and coding standards for Angular projects.
web-design-guidelines
calcom
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".
frontend-design
aiskillstore
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.
pptx
aiskillstore
"Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks"
brand-guidelines
aiskillstore
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.
brand-style
screenpipe
"Screenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions."
web-design-guidelines
calcom
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".
apple-search-ads
cameronehrlich
Manage Apple Search Ads campaigns, keywords, and reporting. Use when setting up campaigns, adding keywords, checking performance, or optimizing Apple Search Ads for any iOS app. Implements Apple's recommended 4-campaign structure (Brand, Category, Competitor, Discovery).
generic-fullstack-design-system
travisjneuman
Complete design system reference for full-stack applications. Covers colors, typography, spacing, component patterns (shadcn/ui), effects, GPU-accelerated animations, and WCAG AA accessibility. Use when implementing UI, choosing colors, applying spacing, creating components, or ensuring brand consistency.
brand-style
screenpipe
"Screenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions."
tailwind-patterns
srbhr
Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing scale, breakpoints, mobile-first patterns, and dark mode support. Use when building UI components, creating landing pages, styling forms, implementing navigation, or fixing responsive layouts.
tailwind-patterns
srbhr
Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing scale, breakpoints, mobile-first patterns, and dark mode support. Use when building UI components, creating landing pages, styling forms, implementing navigation, or fixing responsive layouts.
generate-ui-from-brand
youlianvr
Pipeline skill — turns a URL or DESIGN.md into a concrete UI structure with decisions already made. Extracts
data-display-and-selection
youlianvr
Complex data deserves multiple view modes — grid, list, table — chosen by the user based on their task. Row and
apify-ultimate-scraper
youlianvr
Universal AI-powered web scraper for any platform. Scrape data from Instagram, Facebook, TikTok, YouTube, LinkedIn, X/Twitter, Google Maps, Google Search, Google Trends, Reddit, Airbnb, Yelp, and 15+ more platforms. Use for lead generation, brand monitoring, competitor analysis, influencer discovery, trend research, content analytics, audience analysis, review analysis, SEO intelligence, recruitment, or any data extraction task.
fedora-warm-colors
youlianvr
Make a Fedora GNOME (Wayland) display look warm and pleasant like Windows instead of cold/washed out. Use when the user asks to fix cold colors, set up gamma, night light, color temperature, or "make it like Windows" on Fedora/GNOME/Wayland.
elevation-and-depth
youlianvr
Elevation — subtle shadows and layering — communicates visual hierarchy by lifting elements above the surface.
component-family-consistency
youlianvr
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share
domain-expert-configuration
youlianvr
Configuration UIs for domain experts — users who understand their field deeply but are not software developers
browser-automation
youlianvr
Drive browsers and desktop GUIs — choose the right tool for the job. Covers agent-browser (standalone CDP), browser-skill (user's real browser via bsk), and computer-use (desktop GUI via cua-driver). Use when interacting with websites, web apps, native apps, or the desktop.
algorithmic-color-palette
youlianvr
Derive a full UI colour palette algorithmically from one or two brand colours. Darker and lighter variants for