# Tools

> Every listed resource, editors’ picks first. The filters below can be combined.

- Search: append `?q=<keywords>` to the URL. Separate several keywords with spaces; all of them must match. Matches name, repository, tags, professions, description and README.
- Filter by type: append `?type=<cli|skill|plugin|mcp>` to the URL.
- Filter by profession: append `?profession=<profession id>` to the URL. Separate several ids with commas; a resource matches when it suits any of them. Ids are listed at https://hebbmind.com/api/v1/professions
- Filter by tag: append `?tag=<tag>` to the URL. Separate several tags with commas; a resource must carry all of them. Tags are listed at https://hebbmind.com/api/v1/tags

Resources for Frontend or ML / AI or Data analysis or Founders, Tagged `html`: 8 items.

> - Frontend: Web and mobile-web interfaces: building, debugging and performance tuning.
> - ML / AI: Model training, evaluation and LLM application development.
> - Data analysis: Querying, statistical analysis, reporting and visualization.
> - Founders: Business plans, fundraising decks, business analysis and team management.

- [HyperFrames](https://hebbmind.com/cli/hyperframes.md): [CLI] Write videos in HTML, CSS and frame-seekable animations, preview them from the CLI and render deterministic MP4s. Comes with agent skills for product launch videos, captions and talking-head re-edits. Maintained by HeyGen; needs Node.js 22+ and FFmpeg.
- [HyperFrames](https://hebbmind.com/plugin/hyperframes.md): [Plugin] HeyGen's official video plugin: compose scenes with HTML, CSS and animation and render deterministic MP4s, with skills for promo videos, captions, voiceover and music, and PR walkthrough videos. Needs Node.js 22+ and FFmpeg.
- [Playground](https://hebbmind.com/plugin/playground.md): [Plugin] Has the agent build single-file HTML interactive playgrounds: visual controls on one side, live preview on the other, and a prompt to copy back into Claude. Templates for design tuning, data exploration, concept maps, doc annotation, code review and architecture diagrams. By Anthropic.
- [Frontend Slides](https://hebbmind.com/skill/frontend-slides.md): [Skill] Generates zero-dependency, animated HTML slide decks: previews several visual styles to choose from first, and can convert PowerPoint decks to web slides. Made for non-designers who don't write CSS.
- [Guizang PPT Skill](https://hebbmind.com/skill/guizang-ppt-skill.md): [Skill] Generates single-file HTML slide decks with horizontal paging and two built-in visual systems (editorial magazine and Swiss International style), plus presenter mode with speaker notes. Can also make slide illustrations and covers for various platforms. By Guizang.
- [Codebase to Course](https://hebbmind.com/skill/codebase-to-course.md): [Skill] Turns any codebase into an interactive browser course: real code with plain-language explanations, animations, hover glossaries and scenario quizzes. Built for people who build software with AI but can't read code, and useful for intro programming classes. Needs only an agent and the repo.
- [Bencium Innovative UX Designer](https://hebbmind.com/skill/bencium-innovative-ux-designer.md): [Skill] Develops an original visual language for a brand, campaign, publication, site or product. Without looking at contemporary design, it builds ten typography-only HTML directions; once you lock one, it turns it into a production system. Not for routine UI fixes or existing design systems.
- [Slide Wright](https://hebbmind.com/skill/slide-wright.md): [Skill] Turns a topic, rough notes or an outline into an animated web slide deck. Invents a custom theme, shows a two-slide preview and builds the full single-file HTML deck with speaker notes only after you approve. Also edits existing reveal.js decks and can export PDF or deploy.
