All authors
Claude Skills by caocong1
github.com/caocong16 skills0 installs1 views
- Iterate Design LabMaintain this lab (the design-skill-lab repository): add or fix catalogue resources, run the link check, refresh catalogue thumbnails, add or re-review a research source, digest usage feedback into skill changes (evolve), run an eval round, cut a release. Repo-local and invoked by the owner. Not for: design work in any project (use design-studio), design reviews (critique-design) or building a design in code (implement-design).Votes: 0GitHub stars: 6
- Sources- id: anthropic-frontend-design-skill · url: https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md · fetched: 2026-09-27 · method: repo@41bbe19d1a1a7eaab5e7bb9050a417e5c6cffc8f - review_by: 2026-12-26 (perishable +90d) · licence note: paraphrased digest, not a mirror > 中文导语：Anthropic 官方的 `frontend-design` skill（也作为 Claude Code 插件分发）是所有设计 skill 要超越的基线；它要求"从题材出发、先计划再对照 brief 审一遍、只在一处大胆"，并列出一份带日期的"AI 生成界面聚类"清单。本文件同时摘要 2025-11-12 的配套博客文章（"分布收敛"机制）。更大范围的 Anthropic 设计类 skil...Votes: 0GitHub stars: 6
- Sources- id: taste-skill · url: https://github.com/Leonxlnx/taste-skill · fetched: 2026-09-27 · method: repo@ce26fc25c0e5e8cab638f883de62d9a86ee5e45b - review_by: 2026-12-26 (perishable +90d) · licence note: paraphrased digest, not a mirror (upstream MIT) > 中文导语：taste-skill 是安装量最大的"反模板"前端 skill 之一：默认 skill 已是 v2 实验版（1,206 行单文件），核心是"先读需求再定三档旋钮"、官方设计系统映射、重设计协议和一长串硬性禁用清单；仓库另有 12 个 skill，包括生图出稿和"先出图再写码"的流程。它有几条值得借的机制，也有不少会过时的绝对禁令和固定口味的默认值。 Read: the repo at commit ce26fc2 (2026-09-26, main): README.md, ...Votes: 0GitHub stars: 6
- Critique DesignReviews, audits and scores an existing design or build like a senior design lead: a site, app screen, flow, component, brand asset, deck or graphic, from screenshots, a URL, mockups or a Figma export. Judges the render against the brief first, then checks the mechanical floor (computed contrast, overflow, targets, focus, states), and returns ranked findings (severity and evidence basis, Before | After | Why), rubric scores and a disposition: ship, fix, rebuild or recapture. Also the fresh-con...Votes: 0GitHub stars: 6
- Design StudioDesigner for every design intent. Turns requirements into a complete design (product truth, captured references, distinct directions on an options board, a design system with DESIGN.md and tokens, screens across states and platforms, a handoff package), or designs one page, screen, component, flow, animation, icon, app icon, logo, poster, social or deck graphic. Redesigns a product from what it does; restyles or unifies the look of existing product UI across app and web; chooses colour and ty...Votes: 0GitHub stars: 6
- Implement DesignUse when a design, handoff package or mockup already exists and must be built in a specific stack: a .design/handoff package, HTML/CSS mockup, Figma frame, approved PNG, or specs and tokens turned into code in the host project (React, Next, Vue, Nuxt, Tailwind, Ant Design, Element Plus, uni-app, Flutter, SwiftUI, Compose, ArkUI, mini-programs, Electron, Tauri, WinUI), or a build fixed until it matches its design. Lands tokens in the host theme, builds every state, proves fidelity with build s...Votes: 0GitHub stars: 6