SkillHey.
スキルを投稿

Oil UI

oil-oil/oil-ui

Explore and refine interface design through visual directions, same-screen style comparisons, screenshot review, and runnable UI deliverables.

内容更新日:

GitHub で見る
npx skills add oil-oil/oil-ui --skill oil-ui
3,189スター182フォークリポジトリの最終プッシュ
Oil UI — Gallery highlights: an English learning app, a music year in review, hardware and component library websites, a project management tool, a ride-hailing app, a voice assistant, a checkout flow, and a film camera

Oil UI — Gallery highlights: an English learning app, a music year in review, hardware and component library websites, a project management tool, a ride-hailing app, a voice assistant, a checkout flow, and a film camera

プロジェクトのスクリーンショット

Oil UI — Gallery highlights: an English learning app, a music year in review, hardware and component library websites, a project management tool, a ride-hailing app, a voice assistant, a checkout flow, and a film camera

このスキルについて

Explore and refine interface design through visual directions, same-screen style comparisons, screenshot review, and runnable UI deliverables.

おすすめする理由

Curated from the upstream task instructions. Use the original repository and its linked runtime files for installation, dependencies, and licensing.

使う前に

  • Requires a frontend coding environment and browser access; optional image generation needs the corresponding provider configuration.

対応エージェント

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。

SkillHey 編集
ui-designweb-designdesign-review

類似するスキル

Superdesign Skill — Superdesign skill demo
料金未指定
ウェブ・UI

Superdesign Skill

Design and redesign interfaces, presentations, and graphics on the Superdesign canvas, then continue toward implementation from the selected design.

980スター77フォーク
リポジトリの最終プッシュ
Superdesign
Design DNA — example
無料
ウェブ・UI

Design DNA

Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.

2114スター115フォーク
リポジトリの最終プッシュ
zanwei.guo
Official Hallmark cover: black headline on a pale grid above three overlapping website examples.
無料
ウェブ・UI

Hallmark Web Design

Build, redesign or audit websites with a clear visual direction, 48 themes or custom styling, and local UI checks for Claude Code, Codex, Cursor and OpenCode.

5.4万スター2860フォーク
リポジトリの最終プッシュ
Nutlope

Web Design Engineer

ConardLi

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.

  • web-design
  • ui-design
1.5万スター1721フォーク
リポジトリの最終プッシュ