跳到正文
cccskills

Jakub Krehel

@jakubkrehel

15 个技能2 个仓库 1.2万

仓库

技能(15)

在搜索中筛选

Create static technical drawings from object descriptions, photographs, or CAD models. Produce consistent views that explain shape or assembly, plus a viewer with zoom, editable colors, and downloads in SVG, PNG, and PDF formats.

中文简介正在准备中。当前显示英语简介。

  • Creating an exploded view to explain an assembly
  • Drawing aligned views from supplied dimensions
  • Illustrating an object's shape from photographs
jakubkrehel/skills81442026年10月13日 更新

Review and fix interface accessibility against WCAG 2.2, a web accessibility standard. Check keyboard navigation, focus, screen reader labels, forms, motion, and zoom, then report failures with their criteria and implement fixes using the project's existing styling system.

中文简介正在准备中。当前显示英语简介。

  • Check flows using only the keyboard
  • Fix control names and screen reader announcements
  • Improve form labels and error feedback
jakubkrehel/skills81442026年10月13日 更新

Create a temporary workbench for one existing component, using realistic mock data and a grouped state switcher. View loading, empty, error, access, and other implemented states individually, with a link to each state.

中文简介正在准备中。当前显示英语简介。

  • Comparing loading, empty, and error states in a table
  • Checking displays for different roles and plans
  • Inspecting layouts with realistic amounts of sample data
jakubkrehel/skills81442026年10月13日 更新

Review an interface across accessibility, layout, writing, typography, color, and visual polish. It coordinates specialist skills, combines evidence from code and rendered screens, and produces one report with findings ranked by their impact on users.

中文简介正在准备中。当前显示英语简介。

  • Reviewing a screen or complete user flow
  • Checking loading, error, and narrow-screen states
  • Prioritizing interface fixes by user impact
jakubkrehel/skills81442026年10月13日 更新

Review and improve interface grouping, alignment, spacing, and responsive structure. Check whether content and actions remain accessible when screens resize, text grows in translation, zoom increases, or the layout switches to right-to-left reading.

中文简介正在准备中。当前显示英语简介。

  • Checking clipping and overlap on narrow screens or at higher zoom
  • Preparing layouts for longer translated text
  • Reviewing right-to-left layouts
jakubkrehel/skills81442026年10月13日 更新

Set and review how interface text renders, including font loading, size hierarchy, line spacing, wrapping, truncation, and punctuation. Apply fixes within the existing styling system and check how realistic content behaves across different widths.

中文简介正在准备中。当前显示英语简介。

  • Organize heading and body text sizes
  • Fix wrapping and truncated text
  • Keep changing numbers aligned
jakubkrehel/skills81442026年10月13日 更新

Write and review interface text, including button labels, errors, empty states, and confirmations. Match the product's established vocabulary and tone, explain actions clearly, and give people a useful next step when something goes wrong.

中文简介正在准备中。当前显示英语简介。

  • Unifying terminology across labels and notifications
  • Rewriting errors to explain how to recover
  • Writing empty states with a clear next action
jakubkrehel/skills81442026年10月13日 更新

break

免费

Stress test one interface component on a temporary page using scenarios that its inputs and states can actually produce. View the examples together, record visible failures, and keep the annotated page available as a visual report.

中文简介正在准备中。当前显示英语简介。

  • Check how a component handles long text
  • Inspect a component inside narrow containers
  • Compare relevant data and state scenarios
jakubkrehel/skills81442026年10月13日 更新

Review a branch, pull request, or uncommitted changes for interface problems involving accessibility, layout, text, typography, and color. The report distinguishes newly introduced issues, regressions, and existing problems, including effects on screens that use changed components.

中文简介正在准备中。当前显示英语简介。

  • Review interface changes in a pull request
  • Check whether shared component changes affect other screens
  • Find accessibility regressions before merging
jakubkrehel/skills81442026年10月13日 更新

variant

免费

Create three distinct versions of one interface component and compare them at full size on the actual page. Explore a chosen design dimension, review each option's tradeoffs, and integrate the selected version while removing the temporary comparison controls.

中文简介正在准备中。当前显示英语简介。

  • Compare alternative structures for one component
  • Explore different spacing and density levels
  • Share links to individual design options
jakubkrehel/skills81442026年10月13日 更新

better-ui

免费

Refine interface surfaces, icons, and motion with specific values for corners, shadows, alignment, and transitions. Preserve the project's existing design conventions while identifying visual inconsistencies, touch interaction problems, and missing alternatives for reduced motion.

中文简介正在准备中。当前显示英语简介。

  • Refining corners and shadows on nested cards
  • Unifying icon appearance across interaction states
  • Adjusting button feedback and entrance animations
jakubkrehel/skills81442026年10月13日 更新

Build and review interface color systems with palettes, format conversions, and semantic tokens that name colors by purpose. Measure foreground and background contrast, and identify inconsistent themes, misused color roles, and colors outside the supported range.

中文简介正在准备中。当前显示英语简介。

  • Build palettes around interface roles
  • Organize color tokens by purpose
  • Measure text and background contrast
jakubkrehel/skills81442026年10月13日 更新

Explain how a website, visual effect, or animation works from a live URL or screenshot. Identify the layers and techniques behind the appearance, distinguish measurements from inferences, and describe the principles that can transfer to other interfaces.

中文简介正在准备中。当前显示英语简介。

  • Understand the layers behind a gradient effect
  • Learn how a web animation produces its motion
  • Investigate a site's frontend structure and visual systems
jakubkrehel/skills81442026年10月13日 更新

Turn a Figma file or design image into a working interface using the project's existing components and design tokens, its shared visual settings. Compare the implementation with the design and report differences, missing states, and parts awaiting backend connections.

中文简介正在准备中。当前显示英语简介。

  • Implement an interface from a Figma design
  • Build a screen from a supplied design image
  • Reuse existing components and shared visual settings
jakubkrehel/skills81442026年10月13日 更新

Refine interface details such as typography, shadows, rounded corners, icons, and animations within the project's existing styling system. Supports implementation and quick or full reviews with prioritized findings, concrete changes, and verification results.

中文简介正在准备中。当前显示英语简介。

  • Refine button and card appearance
  • Adjust hover feedback and animations
  • Improve text wrapping and changing number displays
jakubkrehel/make-interfaces-feel-better37572026年8月30日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)