Design

UI/UX direction, visual design, and design systems

Showing 193-216 of 3105 skills
openai

figma

by openai

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

Automation 25.2K 7mo ago
facebook

preview-model

by facebook

Preview a 3D model from the Kenney Prototype Kit in the VR scene. Use when the user wants to see what a model looks like, test a model in the scene, or compare texture variations.

Code Gen 349 6mo ago
facebook

iwsdk-ui-panel

by facebook

Develop and iterate on IWSDK UI panels efficiently. Use when working on PanelUI components, debugging UI layout, or improving UI design in IWSDK applications.

Design 349 6mo ago
TencentCloudBase

ui-design

by TencentCloudBase

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

Design 75 24d ago
TencentCloudBase

web-development

by TencentCloudBase

Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite, browser flows, or CloudBase Web integration.

Design 75 24d ago
TencentCloudBase

cloudrun-development

by TencentCloudBase

CloudBase Run backend development rules (Function mode/Container mode). Use this skill when deploying backend services that require long connections, multi-language support, custom environments, AI agent development, or migrating existing/GitHub apps that need VPC access to MySQL/PostgreSQL/Redis. For stateless HTTP services, prefer HTTP cloud functions.

Design 75 22d ago
xuiltul

image-posting

by xuiltul

Skill for embedding images in chat replies: URL detection from tool results, Markdown image syntax, and assets paths. Use when: surfacing images from search or generation tools, pasting Markdown images, or showing attachments.

Design 254 5mo ago
geekjourneyx

ai-daily-news

by geekjourneyx

Fetches AI news from smol.ai RSS and generates structured markdown with intelligent summarization and categorization. Optionally creates beautiful HTML webpages with Apple-style themes and shareable card images. Use when user asks about AI news, daily tech updates, or wants news organized by date or category.

Processing 235 7mo ago
MiniMax-AI

android-native-dev

by MiniMax-AI

Android native application development and UI design guide. Covers Material Design 3, Kotlin/Compose development, project configuration, accessibility, and build troubleshooting. Read this before Android native application development.

Design 13.5K 5mo ago
MiniMax-AI

minimax-pdf

by MiniMax-AI

Use this skill when visual quality and design identity matter for a PDF. CREATE (generate from scratch): "make a PDF", "generate a report", "write a proposal", "create a resume", "beautiful PDF", "professional document", "cover page", "polished PDF", "client-ready document". FILL (complete form fields): "fill in the form", "fill out this PDF", "complete the form fields", "write values into PDF", "what fields does this PDF have". REFORMAT (apply design to an existing doc): "reformat this document", "apply our style", "convert this Markdown/text to PDF", "make this doc look good", "re-style this PDF". This skill uses a token-based design system: color, typography, and spacing are derived from the document type and flow through every page. The output is print-ready. Prefer this skill when appearance matters, not just when any PDF output is needed.

Design 13.5K 5mo ago
MiniMax-AI

ios-application-dev

by MiniMax-AI

iOS application development guide covering UIKit, SnapKit, and SwiftUI. Includes touch targets, safe areas, navigation patterns, Dynamic Type, Dark Mode, accessibility, collection views, common UI components, and SwiftUI design guidelines. For detailed references on specific topics, see the reference files. Use when: developing iOS apps, implementing UI, reviewing iOS code, working with UIKit/SnapKit/SwiftUI layouts, building iPhone interfaces, Swift mobile development, Apple HIG compliance, iOS accessibility implementation.

Design 13.5K 5mo ago
MiniMax-AI

pptx-generator

by MiniMax-AI

"Generate, edit, and read PowerPoint presentations. Create from scratch with PptxGenJS (cover, TOC, content, section divider, summary slides), edit existing PPTX via XML workflows, or extract text with markitdown. Triggers: PPT, PPTX, PowerPoint, presentation, slide, deck, slides."

Code Gen 13.5K 5mo ago
MiniMax-AI

minimax-docx

by MiniMax-AI

Professional DOCX document creation, editing, and formatting using OpenXML SDK (.NET). Three pipelines: (A) create new documents from scratch, (B) fill/edit content in existing documents, (C) apply template formatting with XSD validation gate-check. MUST use this skill whenever the user wants to produce, modify, or format a Word document — including when they say "write a report", "draft a proposal", "make a contract", "fill in this form", "reformat to match this template", or any task whose final output is a .docx file. Even if the user doesn't mention "docx" explicitly, if the task implies a printable/formal document, use this skill.

Automation 13.5K 5mo ago
MiniMax-AI

frontend-dev

by MiniMax-AI

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.

ai-generated-assets 13.5K 4mo ago
Dimillian

swiftui-liquid-glass

by Dimillian

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.

Design 3.9K 8mo ago
Dimillian

swiftui-ui-patterns

by Dimillian

Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.

Design 3.9K 5mo ago
deftai

deft-directive-interview

by deftai

Deterministic structured Q&A interview loop. Use when any skill needs to gather structured input from the user through a series of focused questions with numbered options, stated defaults, and a confirmation gate before artifact generation. Interview output targets xBRIEF narratives — not PRD.md.

Design 31 8d ago
emlynnhonourable215

ai-design-team

by emlynnhonourable215

multi-role ai creative team for brand, content, and design workflows. use when a task involves brief analysis, research, planning, scripting, visual direction, brand design, marketing materials, social media execution, or project coordination across different creative roles.

Design 1 5mo ago
wangguobao0215

sloth-skills-poster

by wangguobao0215

Generate and maintain the "树懒老K AI技能海报" — a single-page HTML poster showcasing the Sloth-Role-Eido skill family (CPQ, PSC, Sales, StratAlign, SMM, etc.) with skill cards, audience tags, pain points, feature highlights, and links to demos and GitHub repos. Use when user asks to create, update, or regenerate the skill poster, skill showcase, skill catalog page, or marketing landing page for the Sloth skill family.

Design 1 4mo ago
paperclipai

design-guide

by paperclipai

Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pages or features to the frontend, styling UI elements, or when you need to understand the design language and conventions. Covers: component creation, design tokens, typography, status/priority systems, composition patterns, and the /design-guide showcase page. Always use this skill alongside the frontend-design skill (for visual quality) and the web-design-guidelines skill (for web best practices).

Design 80.1K 6mo ago
costiash

claude-docs-course

by costiash

Generate an interactive, self-contained HTML course on any Claude documentation topic. Use this skill when the user wants to create an interactive course, tutorial, or deep-dive walkthrough about a Claude feature, API concept, SDK pattern, or prompt engineering technique. Triggers on: "create a course about", "interactive tutorial for", "teach me about X interactively", "make a course on", "I'd like a course", "/docs --course", "/docs course", or when the user accepts the post-docs course prompt. Produces a stunning single-page HTML file with scroll-based navigation, animated visualizations, quizzes, and code translations drawn from official Claude documentation.

Design 49 1mo ago
paperclipai

paperclip-board

by paperclipai

Manage a Paperclip company as a board member via chat. Use when the user wants onboarding, company or agent management, approvals, task monitoring, cost oversight, or work product review in the Paperclip control plane.

Comments 80.1K 24d ago
mmongan

ChartXR: 3D Dependency Visualization Skill

by mmongan

MeshBuilder API: https://doc.babylonjs.com/features/featuresDeepDive/Meshes/Mesh/CreateMesh_Details

Debugging 0 3mo ago
tuist

tuist-elixir-review

by tuist

Project-specific PR-review rules for the tuist/tuist Elixir codebases (server, cache, processor, xcode_processor, tuist_common, noora). Focuses on the things only this repo knows — authorization invariants, tenancy, write-only ClickHouse, Mimic placement, migration timestamptz, data-export updates, marketing changelog entries, and i18n.

Design 5.8K 3mo ago