Каталог навыков агентов

Creates a Stitch Design System from a DESIGN.md that was already uploaded with stitch-mcp-upload-design-md. Second half...

Creates a new Stitch project container (a design workspace). Call this when starting a new design session to get a proje...

Permanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before calli...

Router for Google Stitch design-to-code in this pack. Use when starting any Stitch workflow, choosing Stitch vs Aura vs...

Edits existing Stitch screens with text prompts — the iteration tool. Change colors, layout, content, or style without r...

Generates a high-fidelity UI screen or wireframe from a text prompt using Stitch. This is the core text-to-UI generation...

Generates design variants of existing Stitch screens using the native variant API. Explore alternative layouts, color sc...

Retrieves metadata for a specific Stitch project — title, theme, create/update time. Use to inspect a project before gen...

Retrieves full details of a specific Stitch screen — HTML download URL, screenshot URL, dimensions. This is the final st...

Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operati...

Lists all Stitch projects accessible to the user. Use this to find an existing project ID before resuming work or genera...

Lists all screens in a Stitch project. Use this after generate_screen_from_text to find the screenId of the newly genera...

Updates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list ope...

Uploads screenshots or mockup images into a Stitch project as new screens. Enables the "redesign from screenshot" workfl...

Converts Stitch designs into production-ready Next.js 15 App Router components — Server vs Client split, dark mode via C...

Master entry point for all Stitch design workflows. Routes from user request → design spec → prompt assembly → screen ge...

Generate UI screens and multi-page prototypes using Stitch with design system documentation.

Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with...

Converts Stitch designs into modular Vite + React components — TypeScript, theme-mapped Tailwind, dark mode via CSS vari...

Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the la...

Converts Stitch mobile designs into React Native / Expo components — TypeScript, StyleSheet, Expo Router, dark mode via...

Generates walkthrough videos from Stitch projects using Remotion. Downloads screenshots from Stitch screens, builds a Re...

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Manages multi-screen Google Stitch design sessions by tracking prompts, screens, and shared style language. Use when you...

Integrates shadcn/ui into React apps generated from Stitch designs. Component discovery and installation, token alignmen...

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, inst...

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-gene...

Meta-skill for creating new stitch-kit skills. Enforces naming conventions, SKILL.md structure, examples format, and the...

Converts Stitch designs into Svelte 5 / SvelteKit components using the runes API — scoped CSS with custom properties, bu...

Converts Stitch mobile designs into SwiftUI views for native iOS apps — VStack/HStack/ZStack layout mapping, Color asset...

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-gene...

Instructions for translating Google Stitch designs (HTML/Tailwind) into production-ready Flutter/Dart code.

Converts Google Stitch exports into React components with design DNA integration. Use when user references design-intent...

End-to-end Stitch screen migration: accepts a Stitch project/screen ID, fetches and caches HTML/Tailwind wireframes, ext...

Visual vocabulary, design terminology, and prompt engineering strategy for Stitch. Reference this when you need layout p...

Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in...

Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skil...

Translates a user request or PRD document into a structured Design Spec JSON — theme, color, typography, density, and de...

Generates 3 alternative Stitch prompts for A/B testing screen concepts — vary layout, visual style, or content while kee...

Builds Stitch-ready prompts via two paths — Path A enhances vague ideas into polished prompts, Path B merges a Design Sp...

Trigger: Stitch UI, screen generation, design refinement, responsive UI. Use Stitch rather than Figma for NutrIA design...

Apply this repository's exported Google Stitch UX design system. Use when changing Angular frontend UI, navigation, layo...

Generate, edit, or vary UI screens with the Stitch MCP server, after gathering Linear + GitHub context. Use when a reque...

Convert frontend code (Vite, React, etc.) to a Stitch Design by chaining static HTML extraction, design system extractio...

Convert Stitch HTML designs to React Native components with StyleSheet

Reverse-engineer STL files into clean, parametric OpenSCAD that reproduces the original and can then be customized. Meas...

Stock analysis UI frontend. React + TypeScript with Tailwind CSS, shadcn/ui, Recharts. Use for React components, API int...

STORAGE UI SPEC

Build an interactive educational story with a style guide aesthetic

Turn an idea, conversation, synopsis, or assignment into a compact creative brief with format, premise, audience, dramat...

Creative writing and storytelling powered by CellCog. Create stories, novels, screenplays, fan fiction, world building,...

小说封面生成。根据书名、作者名自动分析题材风格，调用 GPT-Image-2 直接生成含标题和署名的专业级网文封面。 触发方式：/story-cover、/封面、「帮我做个封面」「生成封面图」「做个小说封面」「封面设计」

Generate story specification markdown files for various fiction genres. Use when: (1) User says "write a [genre] story"...

End-of-story completion review. Reads the story file, verifies each acceptance criterion against the implementation, che...

Route story writing, books, screenwriting, directing, creative decision discovery, production specifications and work un...

This skill should be used when the user asks to "start a new story", "initialize a story project", "create a story", "ne...

Generates distinct story-led website concepts from a defined business problem, audience transformation, brand material,...

长篇网文写作。从大纲到正文，辅助长篇网络小说的创作，包括世界观、人物、情节线管理。触发方式：/story-long-write、/写长篇、「帮我开书」「写大纲」「日更」「续写」「继续写」「修改第X章」「回炉」「重写第X章」。

Inspect a repository for story-specific implementation evidence, applicable decisions, validation prior art, and bounded...

Diagnose existing prose at a chosen editorial level, from whole-story and developmental problems through scene, line, co...

通用短篇小说创作技能包。支持多种类型（武侠/科幻/童话/现言），执行大纲、人物、目录、章节的专业创作。根据类型参数加载对应的创作方法论和写作风格。

Craft compelling creative fiction with vivid characters and engaging plots

Storyboard linear or interactive motion using beats, framing, action, transitions, timing intent, audio or dialogue rela...

产品视频分镜脚本设计。当需要规划视频内容、设计场景结构、编写配音文案时使用。分镜必须在录制前完成并获得用户确认。

Turn a video brief into a storyboard and shot list with shot specs, timing, on-screen text and per-shot rationale. Use w...

小说/剧本转分镜表创作工具。将文字内容转换为详细的分镜表，用于指导AI生图和生视频。当用户需要：(1) 将小说章节转换为分镜表 (2) 创建AI生图用的分镜脚本 (3) 制作影视分镜规划 (4) 生成带有生图提示词的分镜表 时使用此技能。

Create detailed storyboards from ad scripts with 2-4 second elements, B-roll specs, and AI generation prompts. Use when...

Designs, configures, audits Storybook 8+ workspaces in Component Story Format 3 (CSF3). Writes meta/StoryObj-typed stori...

Use when a Storybook story for a controlled component is frozen — picking an option, deleting a chip, typing, or togglin...

Create component documentation and testing with Storybook using CSF3, interaction testing, and visual regression. Use wh...

Use when sweeping a whole component suite or showcase board against its Figma masters — before a release, after a design...

Use when storybook for UI component development — stories, addons, controls, a11y testing, visual regression. Use when w...

Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journ...

Build narrative capture and sharing into the system.

Use when designing real-time data processing systems, choosing stream processing frameworks, or implementing event-drive...

Iterate, evaluate, generate dynamic pages, and push context-aware layouts to Stream Deck.

Implement, configure, and customize Streamdown — a streaming-optimized React Markdown renderer with syntax highlighting,...

Use PROACTIVELY when building multi-step agentic workflows with validated tool parameters. Implements Anthropic's strict...

構造化ログのスキーマ設計、ログレベル設計、PIIマスキング、JSONログ実装を支援するスキル。ログ要件整理から検証までを一貫して整理する。Anchors:• Observability Engineering / 適用: ログ設計 / 目的...

構造化出力の仕様書を設計するためのスキル。スキーマ定義、命名規則、互換性とバージョニング方針を整理し、長期運用に耐える出力契約を作成する。Anchors:• JSON Schema / 適用: スキーマ設計 / 目的: フィールド仕様の形式...

Provide student-facing language rules for educational content. Use when writing lessons, checking language appropriatene...

Generate a feature constitution — data model, product story, and acceptance criteria for a platform slice/feature. Desig...

Document a design system's Vue component with a page, live examples and a props table, using yarn component-docs. Use wh...

Set up a new studio design system by bringing another Vue app in or starting from Nuxt UI, or adapt, replace or retire a...

Audit a Studio UI, prototype or system preview against its applicable design system.

Generate a 1-pager style foundation prompt for AI Studio — hero, typography section, and card grid only. Establishes the...

制作具有惊艳动画交互的 landing page（落地页/官网首页），也适用于个人作品集、设计师主页、工作室官网和实验型单页。用户只需给出一个主题或产品，本 skill 参考 Apple、Duolingo、Canva、Stripe、Line...

Analyze multiple assets and define a unified visual style guide. Use when images don't match, assets come from different...

Select, customize, or extend the project's reusable motion-graphics card library and style templates. Use for choosing a...

Clean product UI: quiet, neutral, generous whitespace, one accent, restrained motion. For everyday product screens.

Dense data and enterprise: compact tables and forms, small type, many items per screen, clear states. For data-heavy too...

Expressive editorial: strong type contrast, large headings, asymmetry and imagery-led layouts. For content and story-led...

Modern B2B SaaS: not too rounded, dark, more compact. For business software with a professional, efficient feel.

Playful consumer: friendly rounded shapes, bright colour, larger touch targets and lively motion. For casual consumer ap...

Styled Components Helper - Auto-activating skill for Frontend Development.Triggers on: styled components helper, styled...

Create or refactor a React functional component styled with styled-jsx (<style jsx>). Use for scoped component styles, i...

Configure styled-jsx to work with strict CSP using nonces (Next.js/custom Document patterns). Use when CSP blocks inline...

Implement dynamic styling in styled-jsx using best practices (CSS variables, className toggling, safe interpolations). U...

Add or refactor global styles using styled-jsx (<style jsx global>). Use for resets, typography defaults, global tokens,...

Migrate a component from plain CSS/CSS Modules/other CSS-in-JS to styled-jsx while preserving behavior, accessibility, a...