Frontend skills

This skill provides project-guidelines context and patterns to accelerate consistent architecture, testing, and deployment across a specific codebase.

This skill helps you enrich an MCP server by adding interactive UI to tools using the MCP Apps SDK.

This skill helps you convert a web app into a hybrid MCP App, enabling seamless standalone and MCP-host rendering from a single codebase.

This skill helps you create and deliver web-based developer presentations using Markdown, Vue components, code highlighting, and interactive demos.

This skill fetches up-to-date library and framework documentation and provides accurate code examples for user questions.

This skill helps you add interactive demos to Remotion docs by guiding you through composing, registering, and embedding demos in MDX pages.

This skill helps you add a new expert to the Remotion experts page by updating images, metadata, and generated cards.

This skill helps you apply Remption best practices to build maintainable, high-quality video projects with React and TypeScript.

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

This skill guides configuring Turborepo monorepos by enforcing package-scoped tasks, proper caching, and root delegation for optimal parallel builds.

This skill helps you master Material Design 3 and Jetpack Compose to build adaptive Android interfaces with accessible responsive layouts.

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

This skill helps you select, install, and customize HeroUI Native components for React Native with Uniwind support.

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

This skill helps optimize React and Next.js performance by applying Vercel best practices across components, pages, and data fetching.

This skill helps optimize React Native apps by applying best practices for list performance, animations, and native integrations across Expo and RN.

This skill deploys your project to Vercel as a preview by default, automating linking and deployment steps for fast feedback.

This skill guides refactoring with composition patterns to replace boolean props, enabling scalable, reusable React APIs and architecture.

This skill reviews UI code against Web Interface Guidelines and outputs concise file:line findings to improve accessibility and consistency.

This skill helps validate and demonstrate AI SDK functions by providing structured examples, tests, and fixtures across providers.