blueprint-ui
Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography. Use when creating marketing sites, landing pages, or product pages.
bb-video
Code-made videos (mp4, 16:9 / 9:16 / 1:1): narrated explainers and beat-synced promos for sites / apps. The user picks only the style: whiteboard, risograph, ink-wash, launch motion, origami, pop art, op art, Matisse cut-outs, ASCII art, shadow puppets, Bauhaus, pixel art, chat log, toy 3D, newsreel, film-room breakdown, suspense mystery, isometric miniatures, movie trailer, news clippings, manga, animated map, Swiss kinetic type, dark motivational short, blueprint, paper collage, flat grain illustration, storybook mascot, Bayeux tapestry, 3D stick-figure parable, pencil-test animation, pen-drawn picture washed with colour, golden-age American cartoon, 1930s black-and-white rubber-hose cartoon. For explainers, history, news, promos from a URL. Use when asked for an "explainer video", "a promo for this site / app", or in Chinese "å个ç§æ®è§é¢" "ç½æ¿å¨ç»" "讲个åå²æ äº" "ç»è¿ä¸ªç½ç« / App åä¸ªå®£ä¼ ç" "产ååå¸è§é¢", or names a style (åçå°å·, 水墨, æ纸, æ³¢æ®, 欧æ®, åªçº¸, å符ç», ç®å½±æ, å 豪æ¯, åç´ , è天记å½, ç©å ·ä¸ç»´, èæ°é»ç, å½ååæ, æ¬çæ¢ç§, çè·å¾®ç¼©ä¸ç, çµå½±é¢åç, åªæ¥è§£è¯´, æ¥æ¼«, å°å¾å¨ç», ç士é£å¨ææç, æè°å±å¿å¨ç», èå¾å·¥ç¨å¾, 纸èºæ¼è´´, æå¹³é¢ç²æç», æç»ç»æ¬å祥ç©, è´å¶æ毯, 3Dç«æ´äººå¯è¨, é ç¬æç», 线稿æä¸ç, ç¾å¼é»éå¡é, ç¾å¼èå¨ç», é»ç½æ©¡ç®ç®¡å¡é, æ©¡ç®ç®¡å¡é, 30年代é»ç½å¡é, é»ç½èå¨ç»).
devup-ui
Zero-runtime CSS-in-JS preprocessor for React. Transforms JSX styles to static CSS at build time. TRIGGER WHEN: - Writing/modifying Devup UI components (Box, Flex, Grid, Text, Button, etc.) - Using styling APIs: css(), globalCss(), keyframes() - Configuring devup.json theme (colors, typography, extends) - Setting up build plugins (Vite, Next.js, Webpack, Rsbuild, Bun) - Debugging "Cannot run on the runtime" errors - Working with responsive arrays, pseudo-selectors (_hover, _dark, etc.) - Using polymorphic `as` prop or `selectors` prop - Working with @devup-ui/components (Button, Input, Select, Toggle, etc.)
Io.Github.User0856/Snaprender
Screenshot any website as PNG, JPEG, WebP, or PDF. Device emulation, dark mode, ad blocking.
macos
Control macOS via AppleScript/osascript. Manage windows (move, resize, tile), apps (launch, quit, focus), system (volume, dark mode, notifications), Spotify, browsers, Calendar, Reminders, Finder, and clipboard. Use when the user asks to control their Mac, arrange windows, manage apps, or interact with native macOS features.
PageShot MCP
Capture webpage screenshots with format, viewport, and dark mode options
onlyswitch-deeplink
Invoke OnlySwitch built-in switches or buttons via deeplink. Use when the user asks to toggle or trigger an OnlySwitch action (e.g. empty trash, keep awake, dark mode, mute, hide desktop, clear clipboard, eject discs, Xcode derived data, and any other built-in switch or button). Resolve the request to the correct switch id and open the onlyswitch deeplink.
create-docs
Create complete documentation sites for projects. Use when asked to: "create docs", "add documentation", "setup docs site", "generate docs", "document my project", "write docs", "initialize documentation", "add a docs folder", "create a docs website". Generates Docus-based sites with search, dark mode, MCP server, and llms.txt integration.
design-style
Use this skill whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. This includes: - Landing pages, websites, web apps, dashboards, portfolios, or any web UI - UI components (buttons, forms, cards, navbars, modals, etc.) - React, Vue, Next.js, Svelte, or other frontend frameworks - CSS, Tailwind, styled-components, or styling help - Visual improvements or aesthetic upgrades - Requests mentioning frontend, UI, UX, interface, web design, or styling - Adjectives like beautiful, modern, clean, professional, minimalist, dark, brutalist, etc. This skill loads the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to generate distinctive, production-grade frontend code instead of generic UI. IMPORTANT: Trigger proactively for ANY frontend/UI-related request, even if no style is specified.
Answer me with HTML: answer a complex question with one HTML page
You write only the **content draft** (extended Markdown). The `am` CLI does all layout, colours, dark mode and diagram coordinates. **Do not hand-write HTML / CSS / SVG.**
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
ASCII Graphic Generator
Generate self-contained HTML images with large ASCII block-art text banners. Dark midnight aesthetic with faded {company} text.
wind-ui
fluttersdk_wind 1.0: utility-first Flutter styling with Tailwind-syntax className strings. 20 W-prefix widgets (WDiv, WText, WButton, WInput, WSelect, WCheckbox, WDatePicker, WPopover, WAnchor, WIcon, WImage, WSvg, WSpacer, WBreakpoint, WDynamic + 5 WForm* wrappers) consume className through a 17-parser pipeline that emits a cached immutable WindStyle. Prefixes stack freely (dark: / hover: / focus: / md: / lg: / ios: / android: / web: / mobile: / selected: / loading: / disabled: / error: / checked: / custom). Last class wins; unknown tokens fail silently. Every color token (bg-, text-, border-, ring-, shadow-, fill-) needs a dark: pair in the same className. TRIGGER when: writing or editing any UI in a Flutter app that depends on `fluttersdk_wind`; any className string; any W-prefix widget; any WindTheme / WindThemeData reference; the user mentions Tailwind for Flutter, utility-first, className, or wind-ui. DO NOT TRIGGER when: backend / API / state-management work that does not touch a widget tree; Flutter projects that do not have fluttersdk_wind in pubspec.yaml; Material-only widgets (Scaffold, AppBar, Dialog) without Wind content inside them.