Design skills

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 select effective visualizations and charts to communicate data insights clearly and accurately.

This skill helps you conduct user research, craft wireframes and prototypes, and improve usability through structured UX rules and design systems.

This skill helps you create original algorithmic art with seeded randomness and interactive parameter exploration using p5.js.

This skill applies Anthropic brand colors and typography to artifacts to ensure consistent, on-brand visuals across documents and presentations.

This skill helps you create, read, and edit PPTX presentations by automating tasks from templates, content extraction, and slide assembly.

This skill helps you create original visual art posters and static designs in PNG or PDF by applying a crafted design philosophy and expert craftsmanship.

This skill helps you design production-grade frontend interfaces with bold aesthetics and polished code for components, pages, and apps.

This skill helps you apply ready-made color palettes and font pairings to any artifact, ensuring consistent professional themes.

This skill guides creating and structuring Claude Code plugins, enabling efficient skill design, reusable assets, and clear progressive disclosure.

This skill helps you design efficient Zustand stores by separating list and detail data, using maps for details, and defining clear type boundaries.

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

This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.

This skill helps you craft clear, user-friendly UI copy and microcopy that aligns with brand guidelines and improves onboarding and error messaging.

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 helps you enrich an MCP server by adding interactive UI to tools using the MCP Apps SDK.

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

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

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

This skill updates the release notes by adding new PR entries to next.mdx and archiving when a new version is published.