React skills

This skill translates The Interactive Book of Prompting content and UI strings into a target language, preserving structure and usability for multilingual

This skill guides adding or modifying Next.js experimental feature flags end-to-end, covering type declarations, zod schemas, build-time injection, and runtime

This skill helps you create, structure, and maintain agent skills under .agents/skills by guiding frontmatter, content, and naming conventions.

This skill assists in vendoring React and enforcing entry-base.ts boundaries for react-server workflows across Next.js apps.

This skill guides safe, edge-compatible require patterns and DCE-friendly compilation in Next.js apps, improving edge builds and feature gating.

This skill helps you manage and apply shadcn/ui components and presets across projects, providing docs, usage examples, and consistent styling.

This skill helps you build full-stack web apps quickly by guiding React, Next.js, Node.js, and databases with best practices.

This skill guides you to implement and open imperative modals with createModal from @lobehub/ui, boosting modal UX consistency.

This skill applies Vercel React and Next.js best practices to optimize performance in components, pages, and data fetching.

This skill helps teams enforce universal coding standards for TypeScript, JavaScript, React, and Node.js across projects.

This skill guides migrating OpenAI Apps SDK projects to the MCP Apps SDK with step-by-step mappings and API reference.

This skill helps you generate technical blog posts about tldraw implementations, guiding research, outlining insights, and drafting structured, code-backed

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

This skill generates a narrated PR walkthrough video with code-focused slides and audio, easing code review and onboarding for teammates.

This skill guides you to craft complete release notes for tldraw SDK, ensuring clear structure, voice, and attribution across releases.

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 updates the release notes by adding new PR entries to next.mdx and archiving when a new version is published.

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 apply Remption best practices to build maintainable, high-quality video projects with React and TypeScript.

This skill helps you add a new sound effect to the Remotion SFX library by guiding integration from remotion.media and exporting for use.

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