Design
UI/UX direction, visual design, and design systems
maui-ui-best-practices
by Rimblehelm
Defines recommended UI/UX patterns, layout strategies, styling conventions, accessibility rules, and performance guidelines for .NET MAUI applications.
Luna - Your Energy Stylist
by solozhangxiru
你的能量造型师闺蜜，用五行与生肖智慧，提供每日穿搭与能量建议。
frontend-design
by zhongjis
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.
mvp-preview
by dev-goraebap
"빠른 MVP·프로토타입 제작과 링크 공유. Actions: MVP 만들기, 프로토타입, 빠르게 구현, 데모 페이지, 기능 시연, prototype, demo, quick build, 아이디어 구체화, 클라이언트 공유, 팀 공유, 링크 공유, 기획 검토. Phases: 토론, 발견, 범위 확정, discovery, 핵심 가치, 핵심 기능, 스택 선택. Share: vercel, surge, cloudflared, tunnel, 배포, deploy, 공유 링크."
project-108-design
by NoobDude828
Use this skill to generate well-branded interfaces and assets for Project 108 (the 108 Jangchub Chortens initiative by Gelephu Mindfulness City Authority, Bhutan), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
frontend-design
by ShintaroaSuzuki
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.
iarcania-design
by HatachiElGuapo
Use this skill to generate well-branded interfaces and assets for IArcanIA, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
video-spec-builder-remotion
by mrzhangguoguo
当用户说想做一个视频、宣传片、产品演示、动画短片、抖音/YouTube 内容，或者说要改分镜、调节奏、换镜头、调字幕、加配音、改转场时使用。通过苏格拉底式追问收集视频需求，主动激发渲染层的全部能力（TTS / 字幕 / 3D / shader / 音频反应等），输出标准化的 video-spec.md 用于 Remotion 渲染。
quuu-frontend-design
by quuu
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.
spec-vibe-coding
by CheneyNine
"Structured software design before coding. Use when the user wants to build a new project, app, or feature from scratch — including 'I want to build...', 'spec vibe', 'help me plan this project', 'I need a PRD', or any new coding project request. Also triggers when the user jumps straight to 'write me an app that does X' — redirect them to design first."
stitch-wireframe-generator
by Tendonofachillespressrun112
AI-Powered Wireframe Generation via Google Stitch. Reads software description docs → plans all screens → crafts high-quality prompts → generates wireframes via Stitch MCP or direct API script. Supports interactive and batch modes.
aholiab-ui
by christopheraaronhogg
Provides expert UI/visual design analysis, aesthetic evaluation, and AI slop detection. Use this skill when the user needs visual design audit, typography assessment, or design system review. Triggers include requests for UI review, design audit, or when asked to evaluate visual quality and detect generic AI-generated design patterns. Produces detailed consultant-style reports with findings and prioritized recommendations — does NOT write implementation code.
code-style-typescript
by Perdolique
TypeScript code style guide and formatting conventions. Use when writing TypeScript code, reviewing TypeScript files, refactoring .ts code, formatting TypeScript, or when working with TypeScript interfaces, classes, functions, or any .ts files. Apply these rules during code generation, code review, and when user mentions TypeScript style, formatting, conventions, semicolons, or code quality.
Design System Guardian
by anorbert-cmyk
Enforcer of consistency, accessibility, and scalability for UI components and tokens.
pptx
by manup-bhat
"Use this skill any time a .pptx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates, layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx filename, regardless of what they plan to do with the content afterward. If a .pptx file needs to be opened, created, or touched, use this skill."
PPT Cognitive Design Skill
by sfyqiu
NOT decoration.
infographic
by prabha-oss
Generate professional infographics using Nano Banana MCP (Gemini AI image generation). Follows a guided flow — analyze content, suggest visualizable concepts, propose visualization approaches, then generate on-brand images. USE THIS SKILL WHEN user says "create infographic", "make a visual", "design an infographic", "generate infographic", wants to visualize a concept, framework, or data for social media, mentions "LinkedIn post", "visual content", "infographic series", asks to explain a concept visually or create a diagram-style image, mentions "visual metaphor", "iceberg diagram", "pyramid", "funnel visualization", wants to generate images with Gemini for informational content, or says "brand visuals", "social media graphics", "thought leadership visual".
lark-whiteboard-skill
by TobinZuo
Generate clean SVG diagrams from user descriptions and hand them off to a Lark or Feishu whiteboard creation skill or tool. Use when the user asks to create, draw, convert, or sync architecture diagrams, flowcharts, process maps, mind maps, org charts, timelines, or other structured visuals into a Lark or Feishu whiteboard, especially when the workflow should start from model-generated SVG.
goldy
by SacredTexts
"Global planning/orchestration skill. Use for: (1) Gold Standard plan creation and phased execution, (2) stack-aware decisions across TanStack/React/Neon/Drizzle/WorkOS/Radix/shadcn and other stacks, (3) session memory and deterministic resume capsules, (4) long-running /goldy-loop phase automation with checkpoints and resume chaining, (5) UI/UX module reuse from ui-ux-pro-max when design output is needed, (6) browser-based bug investigation and smoke testing via auto-detected backend (Chrome Extension for Claude Code, Playwright for Codex). Trigger for planning, roadmap, phase, architecture, implementation sequencing, or when user asks for /goldy or /goldy-loop behavior. Also auto-invokes on any coding work that lacks a pre-existing plan: fix, bug, implement, build, add, create, refactor, migrate, update, upgrade, feature, endpoint, component, test, debug, deploy, optimize, integrate, change, modify, remove, delete."
tech-lead-web
by emalorenzo
Tech Lead for web development projects. Orchestrates a fleet of Opus agents to build pixel-perfect websites from Figma designs. Use with /tech-lead-web to start a new project.
design-dna
by tylercecchi
Build Product Design DNAs through conversation. DNA is a canvas for iterating on design concepts and logic, the same way Figma lets you iterate on pixels.
ppt
by ibadbasit
将 .md 或 .docx 文件转换为可投屏的单文件 HTML 演示文稿。设计风格：暖奶油×赭红×深棕黑，Cormorant Garamond + Noto Serif SC，键盘翻页+导航点。用法：/ppt <文件路径>
WorldWideBridges.MVP-allmight
by StriveKS
Use sempre que o usuario iniciar, estruturar, desenvolver, validar, otimizar, publicar, vender, entregar ou escalar um projeto, MVP, automacao, site, landing page, conteudo, video, processo comercial ou fluxo operacional. Priorize ferramentas gratuitas, conexoes nativas, Google Drive, GitHub, Apps Script, planilhas, marketing, entrega, memoria operacional e orquestracao entre LLMs.
bun-image
by LouisHouse5
"Use this skill for ALL image file processing tasks. When a user asks to convert, compress, resize, crop, rotate, batch-process, or extract metadata from image files — this is the right skill. Covers format conversion (JPEG, PNG, WebP, HEIC, AVIF, TIFF, BMP), directory-level batch operations, width/height/metadata extraction to JSON, thumbnail generation, blur-up and LQIP placeholder creation, responsive image sets, and brightness/saturation adjustments. Works even if the user never mentions Bun. NOT for: video files, creating charts or diagrams, Canvas/SVG drawing, or configuring image loading in web frameworks."