Design Taste Frontend
Design Taste Frontend
為制式化前端建立視覺方向、層級與品牌個性。
Leonxlnx · 社群來源 · 設計與 UI/UX
來源狀態
可用來源
原始名稱: design-taste-frontend
這是第三方 Community Skill;2lus 收錄不代表已完整安全審計或保證安全。
資源類型
Skill
與類似 Skill 有什麼不同?
- 前端介面設計
Design Taste Frontend 強調視覺品味、個性及降低模板重複;Frontend Design 提供通用的前端設計流程。
- Impeccable
Design Taste Frontend 先建立視覺方向與設計語言;Impeccable 更偏稽核、批評與逐輪修整介面。
來源描述的能力
這些是來源描述的可能操作,不代表 2lus 已授予權限或已測試。
尚未列出能力,請審查原始來源。
這個 Skill 是什麼?
透過版面變化、字體、密度與動態的明確選擇,減少重複模板感,形成可持續使用的設計方向。
可以做什麼?何時適合使用?
- 頁面看起來像通用模板。
- 需要品牌一致但有辨識度的介面。
- 重新設計重複的卡片與版面。
如何使用
- 提供品牌、讀者、內容及既有設計系統。
- 明確選擇視覺變化、動態及資訊密度。
- 依方向調整版面,檢查一致性、可讀性與行動裝置。
使用前你需要準備
- 品牌方向與內容
- 既有畫面、程式碼或設計系統
你可以替換:
請替換範例中的檔名與情境,提供範圍、限制及預期產物。
環境與相依需求
- 品牌方向與內容
- 既有畫面、程式碼或設計系統
使用範例與 Prompt
以下是 2lus 撰寫的示範需求;請替換為你有權處理的檔案與專案,不代表已執行或保證結果。
入門
用 Design Taste Frontend 檢視此產品首頁的模板感,提出兩種符合專業工具品牌的視覺方向。
實務
為資料分析 SaaS 建立字體、密度、間距與版面變化規則;保留現有色彩和導覽,不靠裝飾填空。
進階
重新設計多頁管理系統的視覺方向,平衡品牌個性、可及性、reduced-motion 與效能,列出可重用 token 及禁止的重複版型。
實用提醒
- 用產品內容與讀者需求支持設計選擇。
限制與注意事項
- 來源持續迭代;只收錄 design-taste-frontend,不包含整個技能集合。
安全注意事項
- 只處理有權使用的資料;先檢閱第三方指令與相依工具,移除密鑰及個資。2lus 不會執行 Skill。
使用與設定
只選此安裝識別名稱;複製不會執行。安裝前檢閱來源與版本。
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"官方文件 ↗
支援平台
未確認特定 Agent 相容性
來源與授權
來源查核日期(非安全認證): 2026-09-30
請參考原始來源授權條款
原始來源 ↗ 官方文件 ↗GitHub 關注趨勢
約 +1800 / 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 的內容、授權與可用性以原始來源為準。使用或安裝前,請自行確認其權限與執行內容。
Design Taste Frontend
Give generic frontend output a deliberate visual direction and identity.
Leonxlnx · Community source · Design & UI/UX
Source status
Active source
Original name: design-taste-frontend
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
Design Taste Frontend emphasizes visual personality and reducing template repetition; Frontend Design provides a general frontend design workflow.
- Impeccable
Design Taste Frontend establishes direction and design language; Impeccable emphasizes audits, critique and iterative interface polish.
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?
Choose layout variation, type, density and motion intentionally to reduce repetitive templates and support a coherent brand.
Use cases and when to use it
- Replace a generic template appearance.
- Build a distinctive but consistent interface.
- Redesign repetitive cards and layouts.
How to use it
- Provide brand, audience, content and the existing design system.
- Choose visual variation, motion and information density.
- Apply the direction and check consistency, legibility and mobile behavior.
What you need
- Brand direction and content
- Existing screens, code or design system
You can replace:
Replace example filenames and context; specify scope, constraints and the intended deliverable.
Environment and dependencies
- Brand direction and content
- Existing screens, code or design system
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 Design Taste Frontend to review a generic product homepage and propose two directions for a professional tools brand.
Practical
Define type, density, spacing and layout variation for an analytics SaaS while preserving colors and navigation without decorative filler.
Advanced
Redesign a multi-page admin system’s visual direction, balancing identity, accessibility, reduced motion and performance; specify reusable tokens and repetitive patterns to avoid.
Tips
- Ground choices in product content and audience needs.
Limitations
- Upstream evolves; this entry includes only design-taste-frontend, not the entire collection.
Security notes
- Use authorized inputs; review third-party instructions and dependencies, remove secrets and personal data. 2lus does not execute skills.
Usage and setup
Select this install identifier only. Copying does not execute it; review source and version before installing.
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"Documentation ↗
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. +1800 / 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.