Find AI skills and prompts

Search resources by name or topic, explore collections, and find out how to use what you find.

Filter by

Harness

Index

1 listing

Category filter Accessibility

Clear filter

Jakub Krehel — practical interface design skills
Upvote

Collection · 14 skillsBy Jakub Krehel

Review interfaces for layout, type, and accessibility.

Supported harnessesClaude Code Agent Skills FormatCategoriesInterface Design Accessibility
View install prompt for Jakub Krehel — practical interface design skills

Installation prompt for Jakub Krehel — practical interface design skills Help me install Jakub Krehel. Check which agent harness I use and whether I want a project or global install before running commands. Use the documented command below if it fits my harness and install scope. npx skills add jakubkrehel/skills Follow the pinned installation guide and verify the resource is available in my harness. https://raw.githubusercontent.com/jakubkrehel/skills/592aedc44d7d5b3e29740984252902f3e5402a1c/README.md
View skills in Jakub Krehel — practical interface design skills
- better-accessibility
  Checks keyboard, screen-reader, form, motion, and zoom behavior against accessibility standards.
  /better-accessibility in Claude Code after a direct install
- better-colors
  Creates semantic color palettes and evaluates them for consistency and readable contrast.
  /better-colors in Claude Code after a direct install
- better-interface
  Evaluates screens and user flows across accessibility, layout, copy, typography, color, and visual polish.
  /better-interface in Claude Code after a direct install
- better-layout
  Refines grouping, reading order, responsiveness, and translation support across screen sizes.
  /better-layout in Claude Code after a direct install
- better-typography
  Improves type scale, spacing, font features, wrapping, and truncation for readable interfaces.
  /better-typography in Claude Code after a direct install
- better-ui
  Polishes interface details such as icons, surfaces, shadows, and motion with concrete design values.
  /better-ui in Claude Code after a direct install
- better-writing
  Makes interface messages clearer and more useful across labels, errors, empty states, and confirmations.
  /better-writing in Claude Code after a direct install
- break
  Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it.
  /break in Claude Code after a direct install
- build-design
  Turns a visual reference into interface code while respecting the project’s existing components and tokens.
  /build-design in Claude Code after a direct install
- explain-interface
  Explains how a site or visual effect works using a live page or screenshot as evidence.
  /explain-interface in Claude Code after a direct install
- interface-review
  Finds interface regressions in a branch or change across accessibility and visual design concerns.
  /interface-review in Claude Code after a direct install
- state-machine
  Displays every component state with mock data so teams can inspect edge cases in context.
  /state-machine in Claude Code after a direct install
- teardown
  Creates technical illustrations that show how physical objects and interface components are put together.
  /teardown in Claude Code after a direct install
- variant
  Creates and compares multiple component directions to help select the strongest design.
  /variant in Claude Code after a direct install

Find AI skills and prompts

Index

Jakub Krehel — practical interface design skills