Build Design
by jakubkreheld574cc8a576dNo license7.5K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 2 days ago
Builds UI from a Figma file or a design image so it matches the design, using your project's existing tokens and components.
- d574cc8a576dCurrentcommit d574cc8Published Oct 8, 2026
Source and attribution
Source:jakubkrehel/skillsinskills/build-designat commitd574cc8
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from jakubkrehel/skills
State Machine
jakubkrehel
Renders one chosen component in every reachable state on a throwaway page with mock data and a state switcher.
Interface Review
jakubkrehel
Reviews a branch, pull request or uncommitted change for interface problems it introduced or regressed.
Variant
jakubkrehel
Builds three deliberate UI variants behind a picker so a user can compare and choose one.
Explain Interface
jakubkrehel
Explains how a website, visual effect or animation was built, from a live URL or a screenshot.
Break
jakubkrehel
Renders one UI component under every reachable worst-case scenario on a temporary page and reports what visibly breaks.
Better Ui
jakubkrehel
Reviews and fixes UI polish details: border radii, optical alignment, shadows, icons, and motion values.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.