Skills
96,981 packaged capabilities and playbooks for agents. Install any of them with one command.
Design & UI
Generates lorem ipsum placeholder text. Use this skill when users ask for lorem ipsum content, placeholder text, dummy text, or filler text. Supports various structures including plain paragraphs, headings with sections, lists, and continuous text. Output can be saved to a file or used directly as requested by the user.
Build and maintain an explorable, progressively disclosed isometric “atlas” of a system's architecture — an interactive page (hover to read, click to pin, go inside for steps, inspect moving data packets, and chapters that reveal the system a few structures at a time) plus a generated text twin (SYSTEM.md) and question tracking by ID, all from one data file in the repo. Use whenever someone wants to discuss, design, review, or explain an architecture visually — “make an atlas”, “map the system”, “make the architecture explorable”, “visualize the codebase/agent/pipeline so we can talk about it”, “a diagram I can click around”, “walk me through how it fits together” — or when an architecture discussion produces open questions that need tracking across feedback rounds. Also use it to update an existing atlas after decisions change.
Angular Material and CDK best practices. Covers selective imports, M3 theming, CDK utilities, and component test harnesses. Activates when working with @angular/material and @angular/cdk. Do not use for PrimeNG, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage.
Generate and edit PowerPoint presentations using 21 built-in Chinese PPT templates or user-provided .pptx templates. Replace text without disrupting the original layout, colors, or font sizes. Includes text-box overflow detection and checks that headings at the same level use consistent font sizes. Also supports fully original, simple layouts. Use when the user wants to create or edit a PPT, presentation, slides, or .pptx, or needs a finished deck for work reports, annual or quarterly reviews, promotion presentations, project retrospectives, proposal defenses, business proposals, teaching materials, data visualization, and more. Use when the user wants to create or edit a PowerPoint / PPT / slides / .pptx deck, choose from built-in templates, or apply their own template without breaking the layout.
Convert Mermaid diagrams and Markdown tables to images (PNG) for platforms that don't support rich formatting. Use when user asks to "convert to image", "export as PNG", "make this an image", or has content for X/Twitter that needs visual exports.
Design and build two-pane experiences for iPhone Duo — the real pixel and point dimensions of each display and each half, the exact hinge callback types (onHingeChange / UIHingeInteraction), hinge-driven effects, pose-to-pattern mapping (companion pane, dual view, list-detail, tabletop controls), two-pane paywalls and fold-aware onboarding. Use when sizing a layout or asset for iPhone Duo, wiring a hinge callback, choosing what goes in each pane, or designing onboarding and purchase flows that span the fold.
Analyze product screenshots to extract feature lists and generate development task checklists. Use when: (1) Analyzing competitor product screenshots for feature extraction, (2) Generating PRD/task lists from UI designs, (3) Batch analyzing multiple app screens, (4) Conducting competitive analysis from visual references.
Crawl an existing website (capped, multi-page) and seed stardust/current/ with PRODUCT.md, DESIGN.md, DESIGN.json, a per-page inventory, and the consolidated brand surface—the captured design system, palette, typography, motifs, and voice of the live site. Use when the user wants to analyze an existing site's design, extract or reverse-engineer its design system or brand, capture design tokens from a live site, import a website as the starting point for a redesign, capture the current state before a migration, or invokes `$stardust extract` (`/stardust:extract` in Claude Code). Trigger phrases include “analyze this site,” “extract the design tokens,” “capture the brand,” “crawl the site,” and “reverse engineer the design.” Not for scraping page data or content for its own sake (it captures design evidence, not datasets), and not for the redesign itself—extraction is descriptive; direction and prototyping happen downstream.
Consult on a product's design system and produce `docs/DESIGN.md` plus an HTML preview (type specimen + palette + 1 screen mockup). Propose a coherent, opinionated system (aesthetics, typography, color, layout, spacing, motion) with a SAFE/RISK breakdown. Use for /design, "crée le design system", "écris DESIGN.md", "design depuis zéro", "système de design", "design consultation", "fais-moi un design system", or whenever a project's visual identity needs to be formalized. Natural pair with /cadre (upstream PRD) and /planifie (downstream implementation plan)
Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams. Outputs .excalidraw JSON files that can be opened directly in Excalidraw.
Prompting patterns for Ideogram 4 text-to-image — best-in-class in-image text rendering and exact color/layout control via structured JSON captions. Use when generating images that need legible on-image text (title cards, thumbnails, logos, signage, CTAs), precise brand colors, or controlled spatial layout. Triggers include title slide image, thumbnail with text, on-image text, legible text in image, brand color palette image, bounding-box layout, Ideogram.
Android UI/UX design or review with Material 3 Expressive (M3 Expressive / Material You Expressive). Use when selecting expressive component tokens, defining expressive hierarchy, motion, color, shape, typography, or reviewing Android UI against expressive guidance. Not for non-Android platforms, non-UI Android tasks, or implementation-only requests without design decisions.
Expert blueprint for responsive UI layouts using Container nodes (HBoxContainer, VBoxContainer, GridContainer, MarginContainer, ScrollContainer, HFlowContainer, SubViewportContainer). Covers size flags, anchors, split containers, virtual_list pooling, stretch_shrink previews, and dynamic layouts. Use when building adaptive interfaces OR implementing responsive menus. Keywords: Container, HBoxContainer, VBoxContainer, GridContainer, HFlowContainer, SubViewportContainer, virtual_list, stretch_shrink, size_flags, EXPAND_FILL, anchors, responsive
Redesign mobile app UI to feel unmistakably iOS-native with modern Apple-like glass materials (translucency, blur, depth). Use this skill when designing iOS-first interfaces that leverage iOS material hierarchy (ultra-thin/regular/thick), SF Pro typography, safe-area patterns, and system component behaviors—without overdoing glass effects.
Audit and optimize landing pages for conversion rate. Use when the user asks about conversion rate optimization, CRO, landing page audits, improving sign-ups or sales, reducing bounce rate, A/B test ideas for pages, form optimization, or CTA optimization. Trigger phrases include "conversion rate", "CRO", "landing page audit", "why isn't my page converting", "improve conversions", "optimize my page", "reduce bounce rate", "CTA optimization", "form optimization", "above the fold".
Use this skill when the user wants to share, publish, or upload a static result through PinMe, especially by generating a static HTML share page for a PinMe project link, deployed full-stack app, Codex conversation summary, report, file, demo, or any 分享/发布/上传分享页 request that should end with `pinme upload`.
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Write copy following Sentry brand guidelines. Use when writing UI text, error messages, empty states, onboarding flows, 404 pages, documentation, marketing copy, or any user-facing content. Covers both Plain Speech (default) and Sentry Voice tones.
Create diagrams and visuals with Excalidraw (schematics, process flows, slides, illustrations) and render them in high-resolution PNG/SVG. Use when the user wants to create a diagram, schematic, or visual to illustrate a concept — for a lesson, course, article, presentation, YouTube video, technical documentation, or slide. Also use when the user mentions “illustre,” “Excalidraw,” “schema,” “diagramme,” “process flow,” “visuel pedagogique,” “illustration,” or wants to illustrate an idea visually.
Map this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…). Adopt their look, build on their stack, or migrate between systems. Use when the user mentions interop, migration, or a specific design-system/component-library bridge
Create animated videos of graphics, text, or interfaces with code, outputting MP4 and editable source files, up to 20 minutes long. Suitable for motion design reels, product videos, UI motion, kinetic typography, logo intros, generative art, and explainer videos. Supports independently choosing BGM and sound effect sources, user-provided voiceover, and synthesizing speech with TTS from a user-provided script. Not for live-action production, realistic human generation, or general video editing
Build presentations of design work: design reviews, research readouts, strategy pitches, case studies. Each lands one message with a clear story and an honest ask. Part of the Intent design strategy system. Interviews for audience, desired feeling, action, source material, live vs. read, and speaker notes; gets a story outline approved before building; then builds the deck in Google Slides (via .pptx import), PowerPoint, Figma Slides, or reveal.js HTML. Trigger on: "make a deck", "present this", "build slides", "design review deck", "research readout", "pitch this to leadership", "turn this into a presentation", "in Figma Slides", "as a PowerPoint", "reveal.js". Content comes from other skills: findings from /investigate, strategy from /strategize, metrics from /measure, screens from /wireframe; the handoff package belongs to /specify. This skill arranges and represents existing work, and marks gaps instead of inventing evidence
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Optimize UI performance against Core Web Vitals (LCP, INP, CLS) with loading/code-split strategy, layout-shift prevention, and animation performance rules. Use when the user wants to improve speed, fix jank or layout shift, hit Web Vitals budgets, or make a UI feel fast on low-end devices
Tactical user interface design guide for fixing layouts, selecting colors/fonts, and creating professional UIs. Use when the user asks to “make this look better,” needs help with CSS/styling decisions, wants to create a design system, or needs to fix a cluttered interface.
Move an idea up the fidelity ladder (content-first → wireframe → low-fi → high-fi → code) with a validation plan at each level, plus user-journey mapping and usability-testing scripts. Use when the user wants to prototype, wireframe, map a user flow, or plan/run usability testing
Provides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transitions, entrance animations, gesture feedback, and reduced-motion support. Use when adding "animations", "transitions", "micro-interactions", or "motion design".
Adapt a game to iPhone Duo—fill the screen in every device pose, lock orientation, handle aspect ratio versus letterboxing, keep touch controls out of the fold, and maintain consistent text and control sizes while resizing. Use when the project is a game or uses a game engine such as Unity, Unreal, Godot, SpriteKit, or Metal
Use when the user wants visually striking, shareable slide-deck IMAGES from any content — an article, blog post, topic, or paper — where look-and-feel matters more than editable precision (风格化幻灯/小红书配图/公众号配图/视觉化海报), optimized for reading and social sharing rather than live presentation. Offers 17 T2I aesthetic styles (watercolor, sketch-notes, pixel-art, editorial, chalkboard, etc.); each slide is an AI-generated image (Gemini/Nano Banana), so the look is distinctive but text/math/data are baked into the image (not editable). NOT for a faithful academic talk where equations, numbers, tables, and citations must stay exact, editable, and projector-ready (组会/答辩/thesis defense/conference/results-heavy talks) — for that use scholar-slides instead, since text-to-image will garble math and data.
Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, product showcases, or implementing Apple-style components, dark mode, or responsive layouts.
Build terminal user interfaces with Go and Bubbletea framework. Use for creating TUI apps with the Elm architecture, dual-pane layouts, accordion modes, mouse/keyboard handling, Lipgloss styling, and reusable components. Includes production-ready templates, effects library, and battle-tested layout patterns from real projects.
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.