Frontend Design Deslop
作者 samber123cb155f5abMIT228 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫7 天前更新
Designs distinctive, non-generic UI — typography, OKLCH color, design tokens (DESIGN.md), layout, components, motion, dark mode, accessibility — for landing pages, SaaS apps, dashboards, ecommerce, decks, docs, portfolios, avoiding the AI-slop / Claude-esque default look. Use whenever building or styling any web frontend, app, dashboard, landing page, deck, or artifact, or when the user says "make it not look like AI", "de-slopify", "deslop", "less generic", "give it character", "design a UI for X", "design an app", "update DESIGN.md", or complains the output looks like every other AI site. Trigger even on a bare "build a UI for X" with no aesthetic named. Not for writing marketing copy.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| evals/evals.json | 14.6 KB | application/json |
| references/accessibility.md | 7.6 KB | text/markdown |
| references/adapters.md | 2.8 KB | text/markdown |
| references/aesthetics-library.md | 6.7 KB | text/markdown |
| references/artifact-types.md | 21.3 KB | text/markdown |
| references/catalogs.md | 5.2 KB | text/markdown |
| references/color-oklch.md | 11.5 KB | text/markdown |
| references/components.md | 10.3 KB | text/markdown |
| references/dark-mode.md | 7 KB | text/markdown |
| references/design-md.md | 6.6 KB | text/markdown |
| references/design-theory.md | 7.3 KB | text/markdown |
| references/discovery.md | 8.4 KB | text/markdown |
| references/divergence.md | 8.9 KB | text/markdown |
| references/iconography.md | 7 KB | text/markdown |
| references/imagery.md | 8.3 KB | text/markdown |
| references/layout.md | 8 KB | text/markdown |
| references/motion.md | 10 KB | text/markdown |
| references/slop-checklist.md | 10.8 KB | text/markdown |
| references/token-core.css | 3.2 KB | text/plain |
| references/token-sets.md | 4.3 KB | text/markdown |
| references/typography.md | 16.3 KB | text/markdown |
| SKILL.md | 19.1 KB | text/markdown |
來源與署名
來源：samber/cc-skills位於skills/frontend-design-deslop提交123cb15
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 samber/cc-skills 的技能
Training Report
samber
以訪談式流程把訓練或工作坊整理成結構化報告，先以 Markdown 起草，最後匯出 .docx。
Technical Article Writer
samber
指導撰寫面向開發者受眾的長篇技術文章與部落格，涵蓋選題訪談、標題、開頭、結構與行動呼籲。
Substack Ghostwriting
samber
指導撰寫與最佳化 Substack 電子報與網頁文章，涵蓋代筆語氣比對、排版、成長與付費訂閱變現。
Skill Progressive Disclosure Design
samber
指導如何在 SKILL.md 與參考檔案之間拆分技能內容，以提升上下文效率並確保可靠觸發。
Press Release Writer
samber
為各種場合、媒體類型和地區撰寫專業新聞稿，並提供標題變體與品質檢查。
Linkedin Ghostwriting
samber
根據創辦人或高階主管的故事、成果與洞見，代寫以轉換為目標的 B2B LinkedIn 貼文。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。