# 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 Full-stack / Indie or ML / AI or Design, Tagged `accessibility`: 10 items.

> - Full-stack / Indie: General software work: coding-agent workflows, code review, debugging and Git collaboration.
> - ML / AI: Model training, evaluation and LLM application development.
> - Design: Interface, interaction, visual and brand design.

- [Accessibility Compliance](https://hebbmind.com/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.
- [Animation Systems](https://hebbmind.com/skill/animation-systems.md): [Skill] Guides the agent to build a coherent, product-grade web motion system in the style of Stripe, Linear, Apple and Vercel: reusable primitives, duration and easing defaults, stagger choreography, scroll and hover patterns, performance rules and reduced-motion support.
- [Masked Reveal](https://hebbmind.com/skill/masked-reveal.md): [Skill] Reveals headings and short copy word by word through an overflow mask as they scroll into view, using GSAP ScrollTrigger and a split helper that avoids the paid SplitText plugin, with aria-label, reduced-motion support and React cleanup.
- [Apple Design](https://hebbmind.com/skill/apple-design.md): [Skill] Reviews mobile and desktop app designs against Apple's Human Interface Guidelines, bundled as 123 pages from developer.apple.com, citing the exact guideline through five review lenses, and flags generic, templated choices. Works on screenshots, mockups or code for SwiftUI, Flutter or Electron.
- [Scandinavian Design](https://hebbmind.com/skill/scandinavian-design.md): [Skill] Applies a Scandinavian visual system: black-and-white neutrals with alpha ink for hierarchy, restrained sans-serif type, generous spacing, clear page chapters and minimal decoration, without sacrificing clarity or accessibility. Has apply, review, prototype and deep modes; manual invoke only.
- [OKLCH Colors](https://hebbmind.com/skill/oklch-skill.md): [Skill] Works in the OKLCH color space for web projects: converts hex, rgb and hsl to oklch, generates palettes and dark-mode scales without hue drift, checks APCA and WCAG contrast and fixes it via lightness, handles P3 gamut fallbacks, and themes Tailwind v4.
- [Create Voice](https://hebbmind.com/skill/create-voice.md): [Skill] Renders a screen reader spec for a component directly in Figma: focus order plus per-state VoiceOver (iOS), TalkBack (Android) and ARIA (Web) property tables and announcements. Part of uSpec; reads the component .md spec from create-component-md and needs a Figma MCP and a configured template key.
- [Sounds on the Web](https://hebbmind.com/skill/sounds-on-the-web.md): [Skill] Audits UI code for audio feedback: every sound needs a visual equivalent, an off switch and volume control, and should respect reduced motion. Sound is for confirmations and errors, not typing or decorative hovers. Also checks preloading, default volume and sound weight. Reports file:line findings.
- [Compact Landing](https://hebbmind.com/skill/compact-landing.md): [Skill] Builds compact, polished landing pages for dev tools, package demos and micro-SaaS. Picks a design fingerprint (composition, palette, type, radius, surfaces, motion) so each run looks different, features a product-native demo, and keeps zero layout shift, focus states and reduced motion.
- [Interactive Hit Areas](https://hebbmind.com/skill/interactive-hit-areas.md): [Skill] Fixes hover and click dead zones between spaced interactive elements such as chart bars, list rows, tabs and nav items by making hit targets flush and moving visual spacing inside each item, with React and Tailwind examples.
