设计
UI/UX 方向、视觉设计与设计系统
apify-ultimate-scraper
apify
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.
agentation-self-driving
benjitaylor
Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to "critique this page," "add design annotations," "review the UI," "self-driving mode," "auto-annotate," or wants an AI agent to autonomously add design feedback annotations to a web page via the browser. Requires the Agentation toolbar to be installed on the target page and agent-browser skill to be available.
document-release
garrytan
Post-ship documentation update. (gstack)
context-save
garrytan
Save working context. (gstack)
Ad Copywriter
ZJU-REAL
"广告文案生成器。信息流广告、朋友圈广告、搜索广告、品牌文案、A/B测试、ROI计算、平台适配。. Use when you need ad copywriter capabilities. Triggers on: ad copywriter."
enterprise
bergside
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
frontend-design
snyk
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.
brand-guidelines
snyk
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.
tailwind-best-practices
mastra-ai
Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactoring styling code in packages/playground-ui and packages/playground to ensure design system consistency. Triggers on tasks involving Tailwind classes, component styling, or design tokens.
draft
jeremylongshore
UX designer — user flows, information architecture, wireframes, and interaction design.
neobrutalism
bergside
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
lingo
bergside
Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.
perspective
bergside
Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.
agentic
bergside
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
neon
bergside
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
matrix
bergside
"A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements"
gradient
bergside
Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
immersive
bergside
"An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green)"
basic
bergside
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
Ultimate Design System Master
fabricioctelles
A collection of skills for AI agents (Kiro, Cursor, Windsurf, Claude Code, and others). Each skill is a reusable module that teaches the agent to perform complex tasks with context, structure, and best practices.
dotlottie-web
LottieFiles
Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react). Use when building, debugging, or optimizing dotLottie or Lottie animations in web projects, including vanilla JS, React, and Next.js. Covers package selection, Web Workers, state machines, theming, dynamic slot overriding, performance best practices, and common patterns.
design-systems
Mindrally
Comprehensive design system guidelines for building consistent, accessible, and scalable digital products
ui4
payloadcms
Manually invoked skill for reskinning Payload UI components. Requires Figma URL. Usage: /ui4
web-design-reviewer
github
'This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level.'