Навыки: Дизайн

Selector functions for the chota-react-saga template — colocated with each slice, return derived view-data from the saga...

Safely transition task state with validation and prerequisite checks

Standardizes UX states for data fetching flows (loading, error, empty, success) and complex multi-view UI patterns. Prov...

Keep status and error colours minimal and consistent — too many semantic colours confuse users. Each colour must mean ex...

When the user wants to create, optimize, or structure a status page. Also use when the user mentions "status page," "sta...

作業指示ごとに .steering/ 配下へ requirements/design/tasklist を作成し、tasklist.md を唯一の進捗ソースとして実装を推進する。計画（作成）/実装（ループ）/振り返り（記録）の3モードで運用...

Sticky and fixed positioning keeps critical UI persistent as the user scrolls — headers at the top, toolbars at the bott...

Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured la...

Operate Google Stitch through an already configured Stitch MCP server. Use when the user explicitly mentions Stitch or a...

Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI designs,...

Guide for working with Google Stitch — AI-powered UI design generation, screen management, and design-to-code workflows...

Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attribut...

Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Sv...

Create a Stitch project and generate screens from a feature specification or user description. Calls Stitch MCP tools di...

Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synth...

Generate professional UI designs using Google Stitch before building any frontend. Use this skill when building apps, we...

Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette with...

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tailwi...

Classic skill for Google Stitch, opt-in: it runs only when called by name. Writes an agent-friendly DESIGN.md with stric...

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

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-gener...

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

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects de...

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plai...

Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this...

Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and gener...

Converts Stitch designs into clean, platform-agnostic HTML5 + CSS — semantic markup, CSS custom properties for theming,...

Conversational design ideation agent that researches trends, explores visual directions, and refines ideas through adapt...

Iteratively build multi-page websites using Stitch. Reads next-prompt.md (the baton), generates the next page with Stitc...

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

Applies a Stitch Design System to existing screens — updates their colors, fonts, and roundness to match the design syst...

Creates a reusable Stitch Design System from theme tokens — colors, fonts, roundness, saturation. Can be applied to futu...

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...