53 skills · sorted by relevance
Turn a system description into a dark-themed architecture diagram in a single HTML file. It uses SVG, a scalable graphics format, to show components, connections, cloud boundaries, and security flows in a browser.
Turn system structures, processes, and concepts into dark-themed diagrams. Create architecture diagrams, flowcharts, timelines, and other visual explanations as scalable SVG files, with PNG versions for use as images.
Create dark-themed diagrams of systems, cloud infrastructure, security, or networks in a single HTML file. Color-coded components and connection arrows explain the structure, with built-in controls for copying images and exporting PNG or PDF files.
Turn personal experiences and beliefs into a story-based HTML presentation using a pastel card template. Develop the slide plan, written content, visual direction, and speaker notes for a community talk with a clear narrative arc.
Build an HTML presentation for a feature investment decision, organizing user problems, options, tradeoffs, and success measures. Use the graphify-dark-graph template's dark visual style, with speaker notes and presentation controls for reviews across product, engineering, design, and leadership.
Add synchronized subtitles and text effects to an existing single-speaker video. Choose from 35 visual styles, including readable lower captions and words placed behind the person, with local transcription, subject cutout, previews, and final video compositing.
Create a 12-second title animation in HyperFrames, where sweeping leaves reveal two headlines. Customize typography, leaf counts, sweep speed, background color, and the breeze moving the leaves that remain on the text.
Create a 22.5-second ice animation in HyperFrames, with an orbiting camera following a logo that breaks apart and reforms into two text messages. Customize the SVG logo, wording, ice appearance, and shard movement.
Creates a new domain-specific skin for reskinnable-demo, combining branding, layouts, pages, data, tools, and an agent. Structures live sales demonstrations around visible AI interactions, including generated interfaces, shared state, confirmations, and memory features.
Find quotes that fit a text’s themes, with attribution and a short reason for each suggestion. Add sourced quotes, research thinkers, and organize a quote collection by theme and usage history to avoid repetition.
Write and edit Quarkdown documents, an extended form of Markdown, to produce reports, articles, slides, and other formatted content. Add layouts, math, diagrams, and themes, then compile the source to check for errors.
Create a single-file presentation with horizontal page navigation in a Replit Slides style. Choose one of eight themes, keep its colors and fonts consistent, and build a cover, agenda, content pages, and closing around your material.
Add a virtual companion to OpenClaw that starts conversations during long tasks and sends messages with scene-appropriate images through 飞书. The documented initial implementation uses generated dialogue, scene detection, and a static image library.
Write fictional short video interviews that place historical figures in a modern talk show. Combine historical traits with internet humor, then produce titles, host introductions, questions and answers, visual cues, and closing prompts for audience interaction.
Build working web pages, components, and app interfaces around a clear visual concept. Coordinate typography, color, spacing, motion, and interaction details, adapting layouts to different screen sizes while avoiding repetitive visual templates.
Create original SVG illustration cards featuring a cosy animal with computers, books, or mugs. A bright pink background, softly shaded shapes, and fine grain give the scenes a textured, painted feel for product pages and blog headers.
Set up an AI agent team by proposing roles and names for a project, then creating shared team files after confirmation. Initialize member context, decision records, and logs so the team starts with a common project background.
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
The English summary is being prepared. Showing the original description.
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
The English summary is being prepared. Showing the original description.
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces with a refined dark aesthetic.
The English summary is being prepared. Showing the original description.
Generate and render Mermaid diagrams for architecture docs, READMEs, PRs, terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use this skill whenever the user provides Mermaid code or .mmd files; asks for a flowchart, sequence/state/class diagram, ERD, XY chart, or architecture/workflow/data-model visualization; or wants to beautify, theme, batch-convert, or make a diagram terminal-friendly. Runs locally without a browser or DOM, with 15 built-in themes and custom colors.
The English summary is being prepared. Showing the original description.
Analyze conversation histories from multiple AI tools (Claude, Codex, Gemini, Qwen, Cursor) and generate themed daily/period work summaries. Filter by date or time window.
The English summary is being prepared. Showing the original description.
Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever the user mentions Tailwind v4, setting up Tailwind theming, shadcn/ui colours, dark mode, or troubleshooting colours not working, tw-animate-css errors, @theme inline conflicts, @apply breaking after upgrade, or v3 → v4 migration issues.
The English summary is being prepared. Showing the original description.
Use when a task involves game textures or materials through the Scenario MCP: seamless or tileable textures, themed texture packs (brick, wood, stone, floors, hand-painted), PBR materials (albedo, metallic, roughness, normal) on 3D assets, retexturing a mesh, material iteration from reference images, texture upscaling that must preserve tiling, or sizing textures for game engines. Keywords: seamless texture, tileable, PBR, material, retexture, texture upscale, surface.
The English summary is being prepared. Showing the original description.