Найдите подходящую возможность для вашего агента.
This skill should be used when the user asks to "create a diagram", "draw a flowchart", "visualize the architecture", "show me how X works", "add a diagram to the docs", "create an ASCII diagram", "make a Mermaid chart", or needs visual representation of systems, workflows, data flows, or comparisons. Supports both ASCII (for AI-maintained docs, terminals, code comments) and Mermaid (for rendered markdown).
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, Motion animations, and visual design philosophy for avoiding generic AI aesthetics.
This skill handles pixel-perfect Figma design conversion to React/Next.js/Tailwind code using Pixelbyte Figma MCP Server. It should be used when a Figma URL or design selection needs to be converted to production-ready code. The skill employs a 5-phase workflow targeting 85%+ accuracy with Code Connect support for component mapping. Use cases include (1) generating code from Figma files, (2) design implementation with design tokens, (3) creating design system components with Code Connect, (4) pixel-perfect UI development, and (5) responsive web components. Automatic QA is performed via Claude in Chrome MCP for visual validation.
Continue working on an existing diagram. Load, review, and modify persistent diagrams across sessions.
Expert UI designer for building responsive, accessible web interfaces with Tailwind CSS v4 and Tailwind Plus components. Use when building websites, landing pages, web applications, UI components, forms, navigation, layouts, e-commerce pages, or marketing pages. Has access to 657 Tailwind Plus component templates including application shells, forms, navigation, data display, overlays, e-commerce checkout flows, product pages, marketing heroes, pricing sections, and more. Specializes in responsive design, accessibility (WCAG), dark mode, modern CSS features, and system fonts.
Generate and validate Mermaid architecture diagrams. Triggers when user requests diagram generation, Mermaid validation, or architecture visualization. Uses mmdc CLI (mermaid-cli v11.12.0).
Convert Figma designs to pixel-perfect React components with Tailwind CSS.
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".
Generate syntactically correct Mermaid diagrams for technical documentation
Create professional architecture diagrams using D2, Draw.io, Mermaid, and OCI official icons for enterprise-grade visualizations
Create 2D and 3D maps using ArcGIS Maps SDK for JavaScript. Use for initializing maps, scenes, views, and navigation. Supports both Map Components (web components) and Core API approaches.
Gmail メッセージ本文を表示する。「メール本文」「Gmail 本文を見たい」「メッセージ内容を表示」「メールを開いて」「Gmail を読む」「本文を見せて」「内容確認」などで起動。`/shiiman-google:gmail-read` を実行して本文を取得する。
Expert knowledge in engineering, technical, and scientific terminology across English, Japanese, and Chinese (Traditional). Use when translating technical documents, engineering specifications, API documentation, or scientific papers. Provides accurate technical term translations and domain-specific vocabulary.
Manages Google Docs, Sheets, and Slides through the Docs, Sheets, and Slides APIs. Create, read, and edit documents, spreadsheets, and presentations programmatically. Format content, manage collaboration, extract data, and automate document workflows. Use when working with Google Workspace documents, editing content, extracting data, or automating document creation.
Extract MUST/SHOULD/MAY requirements, constraints, flows, and open questions from long epic/PRD text (PDF/TXT export).
Tidy and refactor Foam/Obsidian notes in this workspace, especially “整理当日笔记/整理笔记” requests. Use when extracting topics from `Daily Notes/` into subject chapter notes while preserving original content, adding bidirectional backlinks, enforcing bilingual (中英对照) headings/paragraphs, keeping math delimiters tight (`$...$` no inner spaces), and maintaining the required wikilink reference markers block.
Transform content through eight cognitive lenses for different kinds of understanding. Use when the same concept needs exploration through story, debate, simulation, uncertainty, fiction, embodiment, ritual, or reflection.
将英文内容翻译成中英文双语对照格式。当用户要求翻译、提供双语版本、进行中英文对照阅读，或处理英文文档需要生成双语版本时使用。
