Agent Skills

stitch-loop

★ 6,400

by google-labs-code

Autonomous website builder using iterative Stitch generation with baton-passing loop coordination. Implements a relay pattern where each agent iteration reads a task from .stitch/next-prompt.md , generates a page via Stitch MCP, integrates it into the site, and writes the next task for continuation Manages Stitch project state through .stitch/metadata.json , persisting project IDs, screen metadata, and design theme across iterations Requires .stitch/DESIGN.md (visual design system) and...

remotion

★ 6,400

by google-labs-code

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration Generates screen manifests, downloads...

design-md

★ 6,400

by google-labs-code

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...

stitch-design

★ 6,400

by google-labs-code

Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. Transforms rough design ideas into structured prompts using professional UI/UX terminology and design system context Synthesizes existing Stitch projects into .stitch/DESIGN.md "source of truth" documents for consistency across screens Routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows Automatically manages assets by...

taste-design

★ 6,400

by google-labs-code

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography,…

enhance-prompt

★ 6,400

by google-labs-code

Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects Applies enhancement techniques including UI/UX keyword specificity, mood amplification, page structure organization, and proper color formatting Outputs structured prompts ready for Stitch...

emil-design-eng

★ 5,700

by vercel

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

web-animation-design

★ 5,700

by vercel

web-animation-design — an installable skill for AI agents, published by vercel-labs/open-agents.

frontend-design

★ 5,700

by vercel

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

animation-vocabulary

★ 4,800

by emilkowalski

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

emil-design-eng

★ 4,800

by emilkowalski

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

review-animations

★ 4,800

by emilkowalski

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

emil-design-eng

★ 4,800

by emilkowalski

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

liquid-glass

✓★ 4,000

by openai

Implement, refactor, or review modern macOS SwiftUI UI for the new design system and Liquid Glass. Use when adopting Liquid Glass, updating…

game-ui-frontend

✓★ 4,000

by openai

Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield.

ios-app-intents

✓★ 4,000

by openai

Design and implement App Intents, app entities, and App Shortcuts for iOS apps so useful actions and content are available to Shortcuts, Siri, Spotlight,…

figma-create-new-file

✓★ 4,000

by openai

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma.…

figma-generate-design

✓★ 4,000

by openai

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to…

game-studio

✓★ 4,000

by openai

Route early browser-game work. Use when the user needs stack selection and workflow planning across design, implementation, assets, and playtesting before…

supabase-postgres-best-practices

✓★ 4,000

by openai

Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or…

figma-generate-library

✓★ 4,000

by openai

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set…

mcp-builder

✓★ 2,700

by microsoft

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when…

cloud-solution-architect

✓★ 2,700

by microsoft

Design well-architected, production-grade cloud systems following Azure Architecture Center best practices. This skill provides:

frontend-design-review

✓★ 2,700

by microsoft

Review UI implementations against design quality standards and your design system OR create distinctive, production-grade frontend interfaces from scratch.

cloud-solution-architect

✓★ 2,700

by microsoft

Design well-architected, production-grade cloud systems following Azure Architecture Center best practices. This skill provides:

frontend-design-review

✓★ 2,700

by microsoft

Review UI implementations against design quality standards and your design system OR create distinctive, production-grade frontend interfaces from scratch.

mcp-builder

✓★ 2,700

by microsoft

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when…

golang-graphql

★ 2,400

by samber

Implements GraphQL APIs in Golang using gqlgen or graphql-go. Apply when building GraphQL servers, designing schemas, writing resolvers, handling subscriptions, or integrating GraphQL with existing Go HTTP services. Also apply when the codebase imports `github.com/99designs/gqlgen` or `github.com/graph-gophers/graphql-go`.

🔌 Part of the cc-skills-golang plugin

golang-samber-mo

★ 2,400

by samber

Monadic types for Golang using samber/mo — Option, Result, Either, Future, IO, Task, and State types for type-safe nullable values, error handling, and functional composition with pipeline sub-packages. Apply when using or adopting samber/mo, when the codebase imports `github.com/samber/mo`, or when considering functional programming patterns as a safety design for Golang.

🔌 Part of the cc-skills-golang plugin

golang-context

★ 2,400

by samber

Idiomatic context.Context usage in Golang — propagation through API boundaries, cancellation, timeouts and deadlines, request-scoped values, context.WithoutCancel for background work outliving requests. Apply when designing context propagation across layers, debugging leaked or unexpired contexts, choosing between context.Background/TODO/WithoutCancel, or storing values in context. Not for code that merely accepts ctx as first parameter.

🔌 Part of the cc-skills-golang plugin