Design Skills

Enables rapid prototyping to validate ideas and assess feasibility before committing to full development.

Facilitates navigation and management of Feishu knowledge bases, enabling users to create, move, and edit wiki pages efficiently.

Refactors OpenClaw documentation pages for clarity and accuracy, ensuring source-audited preservation and improved usability.

Facilitates the maintenance of an Obsidian wiki vault, ensuring compatibility with Obsidian features and enhancing user experience.

Creates SVG/HTML or Excalidraw diagrams for visualizing concepts, architecture, and workflows effectively.

Provides a creative direction layer for music videos and edits, focusing on aesthetic coherence and intentional visual storytelling.

Provides idiomatic React 18/19 patterns for building robust, accessible, and performant component trees.

Optimizes React and Next.js performance with over 70 rules, enhancing load times and user interactions based on Vercel's best practices.

Provides accessibility patterns for React and Next.js, ensuring semantic HTML and ARIA compliance for interactive UI components.

Facilitates the creation and verification of AI skills using a test-driven development approach for effective documentation.

Facilitates the transformation of ideas into detailed designs and specifications through structured brainstorming and user collaboration.

Provides advanced motion patterns for React/Next.js, enabling complex animations like drag & drop, gestures, and SVG path drawing.

Enhances UI design by applying detailed engineering principles for polished interfaces, improving user experience and interaction.

Provides foundational motion design principles and tokens for React/Next.js, ensuring performance and accessibility in animations.

Creates stunning HTML presentations from scratch or converts PowerPoint files, enhancing visual appeal for non-designers.

Generates images, videos, and audio using fal.ai models for diverse media creation tasks.

Provides production-ready animation patterns for React/Next.js, enhancing UI with accessible and SSR-safe animations.

Designs composable recommendation and ranking pipelines using a six-stage framework for personalized content delivery.

Provides patterns for building efficient Nuxt 4 applications with a focus on hydration safety, performance, and data fetching.

Provides EMR/EHR development patterns focusing on clinical safety, encounter workflows, and accessible UI for healthcare applications.