Browse Skills

Huashu Design creates high-fidelity HTML prototypes, interaction demos, slides, animations, and design variants, acting as a designer rather than a programmer. Use it when you need visual design outputs, design direction exploration, or expert review of UI and motion work.

React Native Best Practices provides rules for building React Native and Expo apps covering list performance, animations, UI patterns, and platform-specific optimizations. Use it when optimizing lists, implementing Reanimated animations, or configuring native modules.

Vercel Composition Patterns provides guidelines for building flexible, maintainable React components using compound components, state lifting, and composition instead of boolean props. Use it when refactoring component APIs or building reusable libraries.

Vercel React Best Practices provides performance optimization guidelines for React and Next.js, covering data fetching, bundle size, server rendering, and re-renders. Use it when writing, reviewing, or refactoring React/Next.js code.

Vercel React View Transitions implements smooth, native-feeling animations using React's View Transition API, including shared element transitions, directional navigation, list reordering, and suspense reveals. Use it when building page transitions or animating UI state changes without third-party libraries.

Octopus UI/UX Design walks through interactive questions about product type, tech stack, deliverables, and visual adventure, then uses BM25 design intelligence to produce a complete design system with tokens, component specs, layouts, and a style guide.

COSS Particles indexes all COSS UI particle examples so developers can find copy-paste-ready component patterns built on COSS primitives. Each particle includes a description and a JSON URL for easy installation when implementing UI features.

Coss UI provides rules and references for building UIs with the Coss UI component library, covering imports, accessibility, Tailwind styling, and pitfalls. Use it when picking primitives, composing overlays, migrating from shadcn/Radix, or troubleshooting Coss component behavior.

Generate 2D Map creates production-oriented 2D game maps with built-in image generation, choosing visual, collision, and runtime models, and exports to engines like Phaser, Godot, Unity, or Tiled. Use it when you need RPG maps, platformer scenes, tilemaps, parallax backgrounds, prop packs, or map previews.

CLI Logging UX guides editing and creating CLI output, logging, warnings, error messages, progress indicators, and diagnostic summaries in the APM codebase. Use it when code touches console helpers, DiagnosticCollector, STATUS_SYMBOLS, CommandLogger, or any user-facing terminal output.

Developer Tooling UX guides the design of APM CLI command surfaces, help text, install/init/run flows, error wording, and first-run experience. Activate when modifying Click command definitions, help strings, error messages, or README quickstart paths.

Baoyu Design creates polished design artifacts as self-contained HTML: UI mockups, prototypes, wireframes, landing pages, dashboards, slide decks, documents, and more. Use it whenever asked to design, mock up, prototype, wireframe, visualize, or make a deck, even without saying 'design'.