Give your coding agent guidance for choosing a visual direction, typography, spacing, and interface details. The skill encourages deliberate design choices while building or reshaping a frontend. Use it when creating a landing page or product screen and share the existing design system, audience, and reference material.

Give your agent a development guide for building MCP servers that connect assistants to external services. It explains tool design and implementation patterns for Python and TypeScript servers. Use it when exposing an API through MCP, starting from the operations users need, their permissions, and examples that can verify the integration.

Give your agent a workflow for creating, improving, and evaluating reusable skills. It covers skill descriptions, test cases, and comparing results so instructions can be refined against real tasks. Use it to turn a repeated workflow into a skill, then assess whether the skill triggers and produces the intended result.

Give your coding agent a Playwright workflow for checking local web applications. It can use browser interactions, screenshots, and console logs to investigate frontend behavior and verify changes. Use it to reproduce a broken form or check a user journey, providing the local app URL and expected outcome.