# 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 Design or Translation / L10n: 321 items.

> - Design: Interface, interaction, visual and brand design.
> - Translation / L10n: Translating documents and software, localization and multilingual QA.

- [Frontend Design](https://hebbmind.com/es/skill/frontend-design.md): [Skill] Has the agent commit to a visual direction before building or redesigning an interface, making deliberate choices on color, type and layout instead of generic, templated AI UI. Official Anthropic skill.
- [Frontend Design](https://hebbmind.com/es/plugin/frontend-design.md): [Plugin] Has the agent settle on a clear aesthetic direction first, then write distinctive, production-ready frontend interfaces that avoid the generic AI look. Official Anthropic plugin.
- [MCP for Blender](https://hebbmind.com/es/mcp/mcp-for-blender.md): [MCP] Lets agents model, lay out scenes, tweak materials and run Python in Blender, and import Poly Haven, Sketchfab and AI-generated 3D assets. Requires uv and the companion Blender add-on.
- [Figma MCP Server](https://hebbmind.com/es/mcp/mcp-server-guide.md): [MCP] Figma's official remote MCP: hands components, variables and layout from your designs to the agent to generate code, and can create and edit designs on the canvas. Needs Figma sign-in; Starter plans and View or Collab seats get only 6 read calls a month.
- [visa-doc-translate](https://hebbmind.com/es/skill/visa-doc-translate.md): [Skill] OCRs photos of visa documents such as bank, employment or income certificates, translates them into English and builds a side-by-side bilingual PDF. Needs Python (pillow, reportlab) and an OCR engine. Not an official certified translation: verify names, amounts and dates.
- [Canvas Design](https://hebbmind.com/es/skill/canvas-design.md): [Skill] Develops a design philosophy first, then draws posters, illustrations and other static visuals in code, exporting PNG or PDF. Emphasizes original work rather than copying existing artists. Official Anthropic skill.
- [Slack GIF Creator](https://hebbmind.com/es/skill/slack-gif-creator.md): [Skill] Makes GIFs that follow Slack's recommended size, frame rate, color and length for emoji (128x128) and message GIFs (480x480), with animation tips and tools to assemble and validate them. Built on Python and Pillow. Official Anthropic skill.
- [Algorithmic Art](https://hebbmind.com/es/skill/algorithmic-art.md): [Skill] Creates generative art such as flow fields and particle systems with p5.js and seeded randomness: first writes an algorithmic design philosophy, then outputs an interactive HTML viewer with tunable parameters. Official Anthropic skill.
- [Theme Factory](https://hebbmind.com/es/skill/theme-factory.md): [Skill] Ten built-in color and font themes to apply to slides, documents, reports and HTML landing pages, or generate a new theme on demand. Official Anthropic skill.
- [UI UX Pro Max](https://hebbmind.com/es/plugin/ui-ux-pro-max-skill.md): [Plugin] UI/UX design knowledge base plugin with searchable UI styles, color palettes, font pairings, charts and guidelines for 20+ tech stacks; generates complete design system recommendations by product type. Needs Python 3 installed locally.
- [UI UX Pro Max](https://hebbmind.com/es/skill/ui-ux-pro-max-skill.md): [Skill] UI design knowledge base skill: looks up UI styles, palettes, font pairings, charts and UX guidelines by product type and generates a full design system, covering 22 stacks including React, SwiftUI and Flutter. Needs Python 3 locally.
- [Image Gen](https://hebbmind.com/es/skill/imagegen.md): [Skill] Generates or edits images: photos, illustrations, textures, game sprites, product mockups and transparent assets. A built-in Codex system skill using the image_gen tool, no install needed; with approval it can use a bundled CLI script that needs OPENAI_API_KEY. By OpenAI.
- [shadcn/ui](https://hebbmind.com/es/skill/shadcn.md): [Skill] Official shadcn/ui skill: uses the shadcn CLI to read project config and component docs, then adds, searches, composes and fixes components following styling, form and accessibility rules. Can also start new projects from presets.
- [OpenDesign](https://hebbmind.com/es/mcp/open-design.md): [MCP] Open-source local design workbench and Claude Design alternative: builds web and mobile prototypes, slides, images and motion videos from a DESIGN.md system, exporting HTML, PDF, PPTX or MP4. MCP lets Claude Code and Codex use it. Needs the macOS or Windows app; Linux from source.
- [Taste Skill](https://hebbmind.com/es/skill/taste-skill.md): [Skill] Helps agents build frontends that don't look templated: picks a design direction first, then tunes layout variance, motion intensity and information density. Also includes redesign audits, minimalist and brutalist styles, and design reference generation.
- [Impeccable](https://hebbmind.com/es/skill/impeccable.md): [Skill] Frontend design polish skill: one skill with 24 commands such as polish, audit, critique and typeset, plus 61 deterministic rules that catch typical AI-generated UI problems, with live iteration in the browser. Works with Claude Code, Codex, Cursor and others.
- [Impeccable](https://hebbmind.com/es/plugin/impeccable.md): [Plugin] Frontend design quality plugin: one skill plus 24 commands (audit, critique, polish and more) and 61 built-in deterministic rules that find common design flaws in AI-generated interfaces and fix them one by one.
- [HyperFrames Skills](https://hebbmind.com/es/skill/heygen-com-skills.md): [Skill] HeyGen's official HyperFrames skill set: lets agents write deterministic MP4 videos in HTML, CSS and animation, with workflows for promo videos, explainers, captions and beat-synced music. Needs Node.js 22+ and FFmpeg.
- [HyperFrames](https://hebbmind.com/es/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.
- [Penpot MCP Server](https://hebbmind.com/es/mcp/penpot-mcp.md): [MCP] Official MCP for the open-source design tool Penpot: through the Penpot plugin API, agents can query, modify and generate designs, supporting design-to-code and code-to-design. Run npx -y @penpot/mcp@latest first and load the MCP plugin in Penpot to connect.
- [Diagram Design](https://hebbmind.com/es/skill/diagram-design.md): [Skill] Generates self-contained HTML+SVG diagrams in an editorial style: architecture, flowcharts, sequence, swimlane, Gantt and dozens more types. Can match brand colors from a website and redraw imported Mermaid, draw.io and Excalidraw sources.
- [Conversion Rate Optimization (CRO)](https://hebbmind.com/es/skill/cro.md): [Skill] Conversion rate optimization skill from the marketingskills collection: give it a homepage, landing page, pricing page or form and it diagnoses value proposition, headlines, CTAs, trust signals and friction, returning quick wins, high-impact changes, A/B test ideas and alternative copy.
- [Skills For Designers and Engineers](https://hebbmind.com/es/skill/emilkowalski-skills.md): [Skill] Design engineering skills by Emil Kowalski, author of Sonner and Vaul: choose animation easing and durations, review and improve motion, apply Apple design principles, make web apps feel native on phones, and help pick UI libraries and prototype multiple versions.
- [daisyUI Colors](https://hebbmind.com/es/skill/daisyui-colors.md): [Skill] Color rules for daisyUI 5: explains semantic names such as primary, base-100 and error with their -content foregrounds, says to prefer them over fixed Tailwind colors and never add dark: to them, and shows how to enable, create and override themes. Part of the official daisyUI skill.
- [Accessibility Compliance](https://hebbmind.com/es/plugin/accessibility-compliance.md): [Plugin] Accessibility review plugin with an audit command, a UI validation subagent, and WCAG 2.2 and screen reader testing skills. Before design reviews or launch, the agent checks contrast, keyboard use and screen reader support and suggests fixes. For Claude Code; automated checks need Node.js.
- [UI Design](https://hebbmind.com/es/plugin/ui-design.md): [Plugin] UI/UX design plugin from the wshobson/agents marketplace with 3 subagents, 9 skills and commands for design review, component creation and accessibility audits, covering design tokens, WCAG 2.2, responsive layout, iOS HIG and Material Design 3 for in-code UI design and review.
- [Playground](https://hebbmind.com/es/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.
- [PDFMathTranslate](https://hebbmind.com/es/cli/pdfmathtranslate.md): [CLI] Translates full PDF papers while preserving formulas, charts and layout (command pdf2zh), outputting monolingual and side-by-side bilingual PDFs. Uses Google Translate by default and can switch to DeepL, OpenAI and others; also runs as an MCP server.
- [Web Design Guidelines](https://hebbmind.com/es/skill/web-design-guidelines.md): [Skill] Reviews UI code against Vercel's Web Interface Guidelines, covering accessibility, focus, forms, animation, typography, dark mode and more, listing issues as file:line. Fetches the latest rules before each review. Maintained by Vercel.
- [synthesize-research](https://hebbmind.com/es/skill/synthesize-research.md): [Skill] Synthesizes user feedback from interview notes, surveys and support tickets into themes ranked by frequency and impact, and outputs structured insights and roadmap recommendations. Can pull data from knowledge bases or meeting transcripts. From Anthropic's official product-management plugin.
- [Design](https://hebbmind.com/es/plugin/design.md): [Plugin] Plugin for design teams: design critiques, design system audits, UX copy, accessibility checks, user research synthesis and developer handoff notes. Official from Anthropic; works best with Figma connected.
- [DESIGN.md](https://hebbmind.com/es/cli/design-md.md): [CLI] Google Labs' DESIGN.md format and CLI: designers capture colors, typography and spacing in a file for agents; lint checks broken references and WCAG contrast, diff compares versions and export outputs design tokens for Tailwind and more. Needs Node.js; the format is in alpha.
- [baoyu-translate](https://hebbmind.com/es/skill/baoyu-translate.md): [Skill] Translation skill by Baoyu with quick, normal and refined modes, custom glossaries, and target audience and style settings. Translates local files or URLs; suited to long-form Chinese-English translation and localization. Needs bun or npx.
- [baoyu-skills](https://hebbmind.com/es/plugin/baoyu-skills.md): [Plugin] Content creation plugin by Baoyu (JimLiu): infographics, article illustrations, covers, slide decks and translation, plus Xiaohongshu image cards and publishing to WeChat Official Accounts, Weibo and X. Needs Node.js; image generation needs an OpenAI, Google or Tongyi Wanxiang API key.
- [Rembg](https://hebbmind.com/es/cli/rembg.md): [CLI] Removes image backgrounds with one command: single images, whole folders or watched directories, mask-only output and switchable models like U2Net and SAM. Can also run as an HTTP server or process video frames with FFmpeg. Default models run locally.
- [Huashu Design](https://hebbmind.com/es/skill/huashu-design.md): [Skill] Have an agent produce high-fidelity clickable prototypes, editable slides, timeline animations (exportable to MP4/GIF) and infographics in HTML from one sentence. Proposes three design directions first and includes a five-dimension design review. By Huashu, MIT licensed.
- [Pascal Agent Skills](https://hebbmind.com/es/plugin/pascalorg-skills.md): [Plugin] Official plugin for Pascal, an open-source 3D architecture editor: lets agents create, edit and validate 3D models of rooms and floors over MCP and check furniture placement for collisions or blocked doors. Local use needs the Pascal CLI (Node.js 22.13+); hosted projects need an API key.
- [SVGO](https://hebbmind.com/es/cli/svgo.md): [CLI] SVG optimizer CLI and Node.js library: shrinks SVGs by removing editor metadata, comments, hidden elements and redundant attributes, processes whole directories recursively, and gives fine control through plugin config.
- [Video2X](https://hebbmind.com/es/cli/video2x.md): [CLI] ML-based video upscaling and frame interpolation using Real-ESRGAN, Real-CUGAN, RIFE and other models to upscale old low-res video or raise frame rates; video2x handles one video per run and is scriptable. Needs a Vulkan GPU; Windows, Linux and Docker builds, no native macOS.
- [gallery-dl](https://hebbmind.com/es/cli/gallery-dl.md): [CLI] Command-line tool for bulk-downloading galleries and posts from many image hosts and social platforms, with flexible file naming and config, and yt-dlp integration for video. Main development has moved to Codeberg; the GitHub repo stays in sync.
- [pyVideoTrans](https://hebbmind.com/es/cli/pyvideotrans.md): [CLI] All-in-one video translation and dubbing: chains speech recognition, subtitle translation, multi-speaker AI voiceover and audio-video muxing, with local or online models like Faster-Whisper, DeepSeek and Edge-TTS. cli.py supports headless batch runs. Needs FFmpeg.
- [lark-whiteboard](https://hebbmind.com/es/skill/lark-whiteboard.md): [Skill] Official Lark (Feishu) skill to view, export and edit whiteboards in Lark docs: write Mermaid, PlantUML or SVG into a board for flowcharts or org charts, or export boards as images or SVG. New boards are created with lark-doc. Needs lark-cli, Node.js and auth; install with lark-shared.
- [ImageMagick](https://hebbmind.com/es/cli/imagemagick.md): [CLI] Veteran image processing CLI suite that converts, resizes, crops, composites and batch-processes JPEG, PNG, GIF, TIFF, PDF and many more formats, handy for agents handling images in scripts.
- [Harper](https://hebbmind.com/es/cli/harper.md): [CLI] Automattic's offline English grammar checker: checks spelling, grammar and word choice locally in milliseconds without sending your text anywhere. Homebrew installs harper-cli for batch-checking files (still experimental) and harper-ls for editors. English only.
- [GSAP AI Skills](https://hebbmind.com/es/skill/gsap-skills.md): [Skill] GSAP's official animation skills: teach agents to use the core API, timelines, ScrollTrigger and plugins correctly, including React, Vue and Svelte integration and animation performance. Maintained by GreenSock; all plugins are free.
- [VideoCaptioner](https://hebbmind.com/es/cli/videocaptioner.md): [CLI] CLI version of the VideoCaptioner subtitle assistant: transcribes courses, lectures and interviews, uses an LLM to segment, proofread and translate, then burns subtitles into the video. Free ASR and Bing translation work out of the box; LLM refinement needs an API key. Python 3.10 to 3.12.
- [Framelink MCP for Figma](https://hebbmind.com/es/mcp/figma-context.md): [MCP] Simplifies Figma designs into layout and style data for coding agents, so UIs built from the design are more accurate than working from screenshots. Requires a Figma personal access token.
- [LanguageTool](https://hebbmind.com/es/cli/languagetool.md): [CLI] Open-source grammar, spelling and style checker for 20+ languages including English, German, French, Spanish and Portuguese. Proofread drafts in bulk from the CLI or run a local HTTP checking server for agents. For writers, translators and language teachers. Needs Java 17 (Homebrew includes it).
- [Localization Review](https://hebbmind.com/es/skill/localization-review.md): [Skill] FormatJS's official localization review skill for software translators: read-only checks of UI strings and translations for ICU syntax, placeholders, terminology consistency and locale formats for dates, numbers and currency, listing issues with evidence and minimal fixes. Never edits files.
- [Garden Skills](https://hebbmind.com/es/skill/garden-skills.md): [Skill] ConardLi's skill collection: turn articles or scripts into web presentations you can screen-record as videos (23 themes, optional voiceover), lay out material as shareable long-form web pages, search local knowledge base folders, web design, and GPT-Image-2 image generation with 79 templates.

Next page: https://hebbmind.com/es/tools.md?page=2&profession=design%2Ctranslation
