Design
UI/UX direction, visual design, and design systems
local-market-research
by sandbaseai
"Research local markets by combining Google Maps reviews, Xiaohongshu local content, Weibo discussions, and web search. Covers customer sentiment by location, local competition analysis, neighborhood trends, and location-specific brand perception."
brand-monitoring
by sandbaseai
Monitor brand mentions, sentiment, and reputation across Twitter, Reddit, news, and social platforms through SandBase. Use when asked for brand monitoring, reputation tracking, social listening, PR coverage analysis, or competitive brand intelligence.
mobile-shadcn-conventions
by Agenta-AI
How the Agenta mobile app (web/mobile) installs and extends shadcn/ui registry components, themes them via the palette token bridge, and uses Vercel AI Elements. Use when adding UI components under web/mobile, changing theme colors, editing components.json or globals.css, or building chat UI with AI Elements.
threejs-aaa-graphics-builder
by majidmanzarpour
"Upgrade Three.js games from basic/prototype visuals to premium AAA-inspired browser graphics. Combines art-direction critique, procedural model building, technical art, mandatory external asset sourcing decisions, threejs-3d-generator assets, threejs-image-generator concept/texture workflows, scene visual polish, material/texture libraries, world prop kits, shaders, VFX readability, render budgets, LOD/instancing, render pipeline, and visual scorecard gates. For premium games with characters, vehicles, ships, weapons, buildings, signature props, skies, textures, decals, logos, icons, or GUI art, load the relevant generator skills before deciding procedural assets are enough."
threejs-game-ui-designer
by majidmanzarpour
"Design premium Three.js game UI. Use for HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion."
web-design-guidelines
by vercel-labs
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".
secure-by-design
by microsoft
Secure by Design principles knowledge base for assessing security-first design, development, and deployment across the software lifecycle.
dt-rpi-integration
by microsoft
Design Thinking handoff knowledge for research-ready rpi-research inputs and DT-aware rpi-plan, rpi-implement, and rpi-review context
vscode-playwright
by microsoft
'VS Code screenshot capture using Playwright MCP with serve-web for slide decks and documentation'
ux-artifacts
by microsoft
"Produce evidence-labelled UX needs, journey, structure, inclusion, and engineering-handoff assets. Use when a practitioner needs a durable UX artifact rather than coaching."
dt-curriculum
by microsoft
Design Thinking learning curriculum covering nine progressive modules across the full Problem, Solution, and Implementation Space methods plus a shared manufacturing reference scenario for teaching and practice
customer-card-render
by microsoft
'Generate customer-card PowerPoint content YAML from Design Thinking canonical artifacts and build using the shared PowerPoint skill pipeline'
ux-coaching
by microsoft
"Coach a UX practitioner through problem framing, running a design critique, or making an evidence-backed case to a skeptical stakeholder. Use when the practitioner has a live UX task and wants to think it through rather than receive an answer."
demo-video
by microsoft
'Assemble ordered frames or clips with narration into a narrated MP4 via FFmpeg'
powerpoint
by microsoft
'PowerPoint slide deck generation and management using python-pptx with YAML-driven content and styling'
dt-coaching-foundation
by microsoft
"Design Thinking coaching foundation knowledge: coach identity and philosophy, quality and fidelity constraints, method sequencing, coaching state schema, and the canonical deck workflow"
product-skills
by alirezarezvani
"10 product agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw. PM toolkit (RICE), agile PO, product strategist (OKR), UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, research summarizer. Python tools (stdlib-only)."
cmo-advisor
by alirezarezvani
"Marketing leadership for scaling companies. Brand positioning, growth model design, marketing budget allocation, and marketing org design. Use when designing brand strategy, selecting growth models (PLG vs sales-led vs community-led), allocating marketing budgets, building marketing teams, or when user mentions CMO, brand strategy, growth model, CAC, LTV, channel mix, or marketing ROI."
ui-design-system
by alirezarezvani
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
epic-design
by alirezarezvani
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.
senior-architect
by alirezarezvani
This skill should be used when the user asks to "design system architecture", "evaluate microservices vs monolith", "create architecture diagrams", "analyze dependencies", "choose a database", "plan for scalability", "make technical decisions", or "review system design". Use for architecture decision records (ADRs), tech stack evaluation, system design reviews, dependency analysis, and generating architecture diagrams in Mermaid, PlantUML, or ASCII format.
marketing-skills
by alirezarezvani
"42 marketing agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more coding agents. 7 pods: content, SEO, CRO, channels, growth, intelligence, sales. Foundation context + orchestration router. 27 Python tools (stdlib-only)."
gpt-image
by wuyoscar
General-purpose image generation and editing via OpenAI GPT Image 2 (gpt-image-2). Wraps /v1/images/generations and /v1/images/edits with every documented parameter exposed as a CLI flag. Use whenever an agent or user needs to (a) generate an image from a text prompt, (b) edit or colorize an existing image, (c) combine multiple reference images, (d) inpaint with an alpha-channel mask, or (e) render dense typography / Chinese text. Reads OPENAI_API_KEY from env; writes PNG/JPEG/WebP to disk. Optional prompt-craft references under references/ for photorealism, posters, infographics, and character sheets.
high-end-visual-design
by Leonxlnx
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.