Browse Skills

Support Prerendering makes interactive Blazor components work correctly when prerendered, fixing duplicate data loads, UI flicker, null references during prerender, and state persistence across the handoff. Use it when prerendering causes issues in Server, WebAssembly, or Auto render mode apps.

Frontend Design creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics. Use it when building web components, pages, landing pages, dashboards, React components, or HTML/CSS layouts.

Guides the implementation of user interfaces with design variation exploration, frontend setup, iterative feedback, and proper integration into the application.

Markdown to HTML Report turns long Markdown documents into self-contained HTML pages with editorial layout, visual design, and evidence hierarchy. Use it when asked to convert a report to a web page, share it, or improve its readability and visual design.

Add App Language guides adding a new supported UI language or locale family to all-api-hub, including i18next resources, language normalization, browser extension manifests, date localization, documentation fallback, and locale validation tests.

Design System Builder extracts design systems from reference UI images and generates implementation-ready UI design prompts. Use when users provide UI screenshots or mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.

React Composition Patterns provides guidelines for building flexible, maintainable React components, avoiding boolean prop proliferation through compound components and state lifting. Use it when refactoring components with many boolean props, building component libraries, or reviewing component architecture.

Brand Guidelines applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Remotion Best Practices provides guidance for building videos programmatically with React, covering hooks, animations, player optimization, and composition structure. Use it when creating or debugging Remotion projects.

iPolloWork Design Studio edits HTML inside an active iPolloWork session, preserving templates, selections, theme tokens, and project boundaries. Use it when a design project is already owned by the active session and you need to modify specific elements without losing existing structure.

shadcn/ui manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Use it when working with shadcn/ui, component registries, presets, or any project with a components.json file.

Coss UI gives an AI assistant deep knowledge of coss ui components, composition patterns, styling conventions, migration rules, and common pitfalls. Use it when building or migrating coss components in a TypeScript project.