Impeccable

Impeccable

從設計檢視到調整字體、間距與互動，逐步改善前端。

pbakaus · 社群來源 · 設計與 UI/UX

來源狀態

可用來源

原始名稱: impeccable

這是第三方 Community Skill；2lus 收錄不代表已完整安全審計或保證安全。

資源類型

Skill

與類似 Skill 有什麼不同？

  • 前端介面設計

    Impeccable 偏向批評、稽核與逐輪修整既有介面；Frontend Design 提供較通用的前端設計實作。

  • Web Design Guidelines 介面檢查

    Impeccable 包含主動改版與修整流程；Web Design Guidelines 主要依規則檢視既有網頁。

來源描述的能力

這些是來源描述的可能操作，不代表 2lus 已授予權限或已測試。

尚未列出能力，請審查原始來源。

這個 Skill 是什麼？

以具體介面為起點，評估視覺層級、易用性與狀態文案，安排可比較的設計與修整工作。

可以做什麼？何時適合使用？

  • 介面層級不清楚。
  • 想改善既有頁面的細節。
  • 檢查響應式及可及性問題。

如何使用

  1. 提供頁面、任務目標與品牌限制。
  2. 先整理設計問題及優先順序。
  3. 逐項修改並比較不同尺寸、狀態與互動。

使用前你需要準備

  • 現有介面或截圖與程式碼
  • 品牌限制及目標使用情境

你可以替換：

請替換範例中的檔名與情境，提供範圍、限制及預期產物。

環境與相依需求

  • 現有介面或截圖與程式碼
  • 品牌限制及目標使用情境

使用範例與 Prompt

以下是 2lus 撰寫的示範需求；請替換為你有權處理的檔案與專案，不代表已執行或保證結果。

入門

用 Impeccable 檢視此登入頁的標題、欄位與錯誤文案，提出三項有理由的改善。

實務

修整此管理儀表板的字體層級與間距，沿用既有色彩 token，保留 loading、空資料與錯誤狀態。

進階

規劃會員設定頁的重新設計，涵蓋鍵盤焦點、窄螢幕、深色主題及 reduced-motion，列出每輪修改的比較與驗收方式。

實用提醒

  • 先指定本輪改善範圍，避免一次改掉所有視覺。

限制與注意事項

  • 多個命令仍屬於同一 Skill；設計建議需要實際介面驗收。

安全注意事項

  • 只處理有權使用的資料；先檢閱第三方指令與相依工具，移除密鑰及個資。2lus 不會執行 Skill。

使用與設定

此條目不提供已確認的通用安裝指令；請依官方文件與 Agent 版本操作。

支援平台

未確認特定 Agent 相容性

來源與授權

來源查核日期（非安全認證）: 2026-09-30

請參考原始來源授權條款

原始來源 ↗ 官方文件 ↗

GitHub 關注趨勢

約 +2200 / 7d

快照日期（UTC）: 2026-09-30

快照來源: weekly-agent-skills-ranking

歷史快照

需求提供的近似 Repository 成長快照，並非 GitHub 官方 Analytics；同 Repository 的 Skill 共用此訊號。

Star 成長代表近期 GitHub 關注度，不代表品質排名。

相關 Skills

使用第三方 Skill 前，請先檢查來源、權限與執行內容。安裝指令只供查看與複製，不會由 2lus 執行。

2lus AI Skills Library 提供 Skill 的整理與使用導覽。第三方 Skill 的內容、授權與可用性以原始來源為準。使用或安裝前，請自行確認其權限與執行內容。

Impeccable

Iterate on frontend critique, typography, spacing and interaction.

pbakaus · Community source · Design & UI/UX

Source status

Active source

Original name: impeccable

This is a third-party community skill. Inclusion by 2lus is not a complete security audit or safety guarantee.

Resource type

Skill

How is this different from similar skills?

  • Frontend Design

    Impeccable emphasizes critique, audits and iterative polish; Frontend Design provides broader frontend design implementation.

  • Web Design Guidelines

    Impeccable includes active redesign and polish workflows; Web Design Guidelines focuses on reviewing pages against guidelines.

Documented capabilities

These are operations described upstream, not permissions granted or tested by 2lus.

Capabilities not declared here; review the original source.

What is this skill?

Review a concrete interface, prioritize hierarchy and usability issues, then plan visible design improvements.

Use cases and when to use it

  • Clarify visual hierarchy.
  • Polish an existing page.
  • Review responsive and accessible behavior.

How to use it

  1. Provide the interface, task and brand constraints.
  2. Prioritize design issues before editing.
  3. Compare changes across sizes, states and interactions.

What you need

  • Existing interface or screenshots and code
  • Brand constraints and intended tasks

You can replace:

Replace example filenames and context; specify scope, constraints and the intended deliverable.

Environment and dependencies

  • Existing interface or screenshots and code
  • Brand constraints and intended tasks

Usage and prompt examples

These example requests were written by 2lus. Substitute files and projects you may use; examples are not executed results or guarantees.

Beginner

Use Impeccable to review this login page’s heading, fields and error copy; propose three reasoned improvements.

Practical

Polish dashboard typography and spacing using existing color tokens while preserving loading, empty and error states.

Advanced

Plan a settings-page redesign covering keyboard focus, narrow screens, dark theme and reduced motion, with comparison and acceptance steps for each iteration.

Tips

  • Define the scope of each design iteration.

Limitations

  • Commands belong to one skill; recommendations still need interface acceptance.

Security notes

  • Use authorized inputs; review third-party instructions and dependencies, remove secrets and personal data. 2lus does not execute skills.

Usage and setup

No verified universal installation command is provided for this entry. Follow the official documentation for your agent version.

Supported agents

Specific agent compatibility unknown

Sources and license

Source check date (not a safety certification): 2026-09-30

Refer to the original source license terms

Original source ↗ Documentation ↗

GitHub Momentum

Approx. +2200 / 7d

Snapshot date (UTC): 2026-09-30

Snapshot source: weekly-agent-skills-ranking

Historical snapshot

Approximate repository growth supplied by the selection brief, not official GitHub Analytics; skills in the same repository share this signal.

Star growth reflects recent GitHub attention, not a quality ranking.

Related skills

Before using a third-party skill, review its source, permissions and executable content. Commands are for viewing and copying only; 2lus does not execute them.

2lus AI Skills Library provides curated educational guides. Third-party content, licenses and availability are governed by their original sources. Review permissions and executable content before use or installation.