跳到正文
cccskills

查找技能

191 个 ・ Google 官方 · 按人气排序

shadcn-ui

Google 官方免费

Find, install, and customize shadcn/ui components for React applications. The skill guides project setup, theme changes, forms, dialogs, and dashboard layouts, with checks for keyboard access, screen reader support, and responsive behavior.

中文简介正在准备中。当前显示英语简介。

  • Add UI components to an existing React project
  • Customize themes and component variants
  • Build forms and dashboard layouts
google-labs-code/stitch-skills85382026年8月18日 更新

remotion

Google 官方免费

Create walkthrough videos from Stitch app screens using Remotion. Arrange screenshots in sequence, add fades, slides, zoom effects, and explanatory text, then preview the timing and render a video such as an MP4.

中文简介正在准备中。当前显示英语简介。

  • Create an app introduction from Stitch screens
  • Explain a user journey through a sequence of screens
  • Highlight interface features with zoom and labels
google-labs-code/stitch-skills85382026年8月18日 更新

react-vite-dashboard

Google 官方免费

Turn Stitch designs into React and Vite dashboards with reusable components and asynchronous data fetching. It applies shared design settings from DESIGN.md, includes accessibility checks, and supports optional blockchain data reads.

中文简介正在准备中。当前显示英语简介。

  • Build a React dashboard from a Stitch screen
  • Apply shared design settings from DESIGN.md
  • Add data fetching and loading states
google-labs-code/stitch-skills85382026年8月18日 更新

stitch::manage-design-system

Google 官方免费

Create and update shared design rules in Stitch, including colors, fonts, and corner shapes, then apply them to existing screens. Keep a DESIGN.md file and project metadata alongside the design system.

中文简介正在准备中。当前显示英语简介。

  • Apply shared design rules across existing screens
  • Turn a theme description into concrete design values
  • Create or update a design system in Stitch
google-labs-code/stitch-skills85382026年8月18日 更新

stitch::react-native

Google 官方免费

Turn Stitch HTML designs into React Native screens and reusable components, or update existing components to match newer designs. Extract shared style values, implement layouts with StyleSheet, and organize navigation, data, and interaction logic.

中文简介正在准备中。当前显示英语简介。

  • Convert Stitch designs into React Native screens
  • Update existing components to match newer Stitch designs
  • Share colors, fonts, and spacing across screens
google-labs-code/stitch-skills85382026年8月18日 更新

stitch::extract-design-md

Google 官方免费

Read frontend source code to document colors, typography, spacing, components, and layout rules in DESIGN.md. Use it to understand an existing interface or prepare design guidance for Stitch without building or running the app.

中文简介正在准备中。当前显示英语简介。

  • Document an existing app's design system
  • Review styling when the app cannot run
  • Prepare an existing visual identity for Stitch
google-labs-code/stitch-skills85382026年8月18日 更新

stitch::code-to-design

Google 官方免费

Convert an existing frontend into a Stitch design by extracting a standalone HTML file and shared design rules, then uploading both to a project so you can revise the interface in Stitch.

中文简介正在准备中。当前显示英语简介。

  • Move an existing web app into Stitch
  • Review React or Vue component designs in Stitch
  • Extract design rules alongside screen HTML
google-labs-code/stitch-skills85382026年8月18日 更新

stitch::generate-design

Google 官方免费

Create and refine screen designs in Stitch from text descriptions or images. The skill clarifies layout requirements, edits existing screens, explores alternative designs, and saves HTML and screenshots for review.

中文简介正在准备中。当前显示英语简介。

  • Create a screen from a written brief
  • Turn a mockup image into a screen design
  • Refine specific parts of an existing screen
google-labs-code/stitch-skills85382026年8月18日 更新

taste-design

Google 官方免费

Create a DESIGN.md guide for generating screens in Google Stitch. Define colors, typography, asymmetric layouts, component states, and motion with precise values and explicit restrictions, giving the agent consistent instructions for a specific visual style.

中文简介正在准备中。当前显示英语简介。

  • Set shared design rules for Google Stitch screens
  • Define asymmetric page layouts
  • Document typography, colors, and interaction behavior
google-labs-code/stitch-skills85382026年8月18日 更新

site-md

Google 官方免费

Turn site requirements or existing content into a SITE.md project guide for the Stitch Build Loop. It records the site's purpose, visual direction, navigation, file structure, and prioritized tasks to guide successive development rounds.

中文简介正在准备中。当前显示英语简介。

  • Organize a site brief before development
  • Record site purpose and visual direction
  • List completed and planned pages
google-labs-code/stitch-skills85382026年8月18日 更新

stitch::extract-static-html

Google 官方免费

Save a rendered web application view as static HTML with embedded styles and images. Capture a specific page or interface state for sharing or Stitch upload, using Puppeteer or an interactive browser capture workflow.

中文简介正在准备中。当前显示英语简介。

  • Share a page as static HTML
  • Prepare a screen for Stitch upload
  • Capture a view after clicks or form input
google-labs-code/stitch-skills85382026年8月18日 更新

stitch-loop

Google 官方免费

Build a website one page at a time with Stitch. Each round reads a task file, generates and integrates a page, updates the site plan, and leaves instructions for the next round.

中文简介正在准备中。当前显示英语简介。

  • Build a site with several pages in repeated rounds
  • Keep new pages aligned with a shared design guide
  • Add pages following a site roadmap
google-labs-code/stitch-skills85382026年8月18日 更新

google-agents-cli-deploy

Google 官方免费

Plan and carry out agent deployments on Google Cloud using agents-cli. The guide covers deployment targets, permissions, secrets, automated build and deployment pipelines, verification, and recovery procedures for agents built with supported frameworks.

中文简介正在准备中。当前显示英语简介。

  • Comparing Agent Runtime, Cloud Run, and GKE
  • Setting up automated build and deployment pipelines
  • Configuring secrets and service account permissions
google/agents-cli61352026年10月20日 更新

google-agents-cli-publish

Google 官方免费

Register a deployed agent with Gemini, choose the appropriate registration method, and troubleshoot setup problems. Also covers managing agents and registering MCP servers, which expose tools to agents, in Google Cloud Agent Registry.

中文简介正在准备中。当前显示英语简介。

  • Registering a deployed agent with Gemini
  • Automating registration in a release pipeline
  • Listing and updating registered agents
google/agents-cli61352026年10月20日 更新

agents-cli-langchain

Google 官方免费

Guide development of a LangChain or LangGraph project created with agents-cli. It explains tool additions, local runs, evaluation, and serving while identifying the required graph structure and commands that differ from ADK projects.

中文简介正在准备中。当前显示英语简介。

  • Adding tools to an existing agent
  • Running and evaluating an agent locally
  • Editing a graph while preserving its required interface
google/agents-cli61352026年10月20日 更新

google-agents-cli-eval

Google 官方免费

Evaluate AI agents by preparing test cases, scoring responses and tool use, investigating failures, and comparing results after changes. Supports built-in checks and custom scoring rules, including evaluations performed by a language model.

中文简介正在准备中。当前显示英语简介。

  • Create test cases for an AI agent
  • Check response quality and tool use
  • Investigate failed evaluation cases
google/agents-cli61352026年10月20日 更新

Set up monitoring for deployed agents to inspect execution paths, latency, and model interactions. It explains Cloud Trace, prompt and response logging, BigQuery analytics, and external monitoring integrations, with checks for missing data and unwanted content capture.

中文简介正在准备中。当前显示英语简介。

  • Investigating agent latency and execution errors
  • Configuring prompt and response logging
  • Analyzing agent events in BigQuery
google/agents-cli61352026年10月20日 更新

google-agents-cli-workflow

Google 官方免费

Guide AI agent development from requirements and project setup through implementation, behavior evaluation, deployment, and monitoring. Provides coding rules, debugging steps, and links to specialized skills so each phase follows a defined process.

中文简介正在准备中。当前显示英语简介。

  • Planning an agent's requirements and architecture
  • Running and debugging an agent locally
  • Evaluating responses and tool use before deployment
google/agents-cli61352026年10月20日 更新

google-agents-cli-scaffold

Google 官方免费

Create starter projects for AI agents, add deployment configuration and automated build and release pipelines to existing projects, or update generated project files. Supports Python and Go ADK templates and a prototype-first approach.

中文简介正在准备中。当前显示英语简介。

  • Starting a Python or Go agent prototype
  • Adding deployment configuration to an existing project
  • Adding an automated build and release pipeline
google/agents-cli61352026年10月20日 更新

google-agents-cli-adk-code

Google 官方免费

Find API patterns and examples for coding agents with ADK, the Agent Development Kit. Covers tools, state, callbacks, multi-agent coordination, and graph workflows, with Python and Go references plus guidance on studying existing implementations.

中文简介正在准备中。当前显示英语简介。

  • Adding tools and callbacks to an ADK agent
  • Implementing state management and agent coordination
  • Designing branching and parallel graph workflows
google/agents-cli61352026年10月20日 更新

gemini-live-api-dev

Google 官方免费

Build applications that exchange live audio, video, and text with the Gemini Live API. Covers voice conversations, streaming transcription and translation, session recovery, authentication, and migration from older Live models in Python or JavaScript/TypeScript.

中文简介正在准备中。当前显示英语简介。

  • Build an AI app for live voice conversations
  • Add real-time transcription or speech translation
  • Send camera or screen frames alongside audio
google-gemini/gemini-skills43132026年10月14日 更新

gemini-api-dev

Google 官方免费

Implement Gemini API applications in Python or TypeScript for text, image, video, and speech generation. Covers ongoing conversations, external tool calls, structured responses, background research, managed agents, and migration from the older generateContent API.

中文简介正在准备中。当前显示英语简介。

  • Build a chatbot that retains conversation context
  • Add image, video, or speech generation to an app
  • Connect external tools and return structured data
google-gemini/gemini-skills43132026年10月14日 更新

gemini-omni-flash-api

Google 官方免费

Generate videos from text or images, edit existing clips, and extend scenes with Gemini Omni 1.1 Flash. Includes scripts for preparing source footage, regenerating audio, refining previous results, and processing multiple video jobs.

中文简介正在准备中。当前显示英语简介。

  • Generate a short video from text or a still image
  • Create a transition between two images
  • Change a video's style or regenerate its audio
google-gemini/gemini-skills43132026年10月14日 更新