Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users ask 设计/做页面/做组件/UI/前端/截图 or say a screen is ugly, unclear, inconsistent, or visually wrong. Not for backend logic or data pipelines.
Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词(任意组合),先产出一份标准化 DESIGN.md 设计规范,用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端:Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX 做一个""把这个截图/PRD 做成网页""做一个 landing page""出一份 design 规范"时触发。不用于后端、数据库、纯逻辑 bug 修复。
个人 Claude Code skill 聚合 marketplace。订阅一个 marketplace 获取所有 skill。
/plugin marketplace add KorenKrita/skills
然后按需安装 plugin:
/plugin install engineering@korenkrita-skills
/plugin install thinking@korenkrita-skills
/plugin install writing@korenkrita-skills
/plugin install design@korenkrita-skills
/plugin install learning@korenkrita-skills
/plugin install tools@korenkrita-skills
/plugin install visual@korenkrita-skills
/plugin install ui-ux-pro-max@korenkrita-skills
| Plugin | 描述 | Skill 数量 |
|---|---|---|
| engineering | 软件开发全流程:TDD、调试、审查、流程管理 | 14 |
| thinking | 通用决策与规划:格局判断、可行性验证、压力测试 | 8 |
| writing | 写作全流程:润色、去AI味、构思、成文 | 6 |
| design | 前端与 UI/UX 设计 | 2 |
| learning | 知识获取与理解:研究、学习 | 2 |
| tools | 通用工具:交接、URL 读取、skill 开发、图像描述 | 5 |
| visual | 视觉创作:文档排版、插画配图 | 2 |
| ui-ux-pro-max | UI/UX 设计全套(外部引用) | 7+ |
仓库通过 GitHub Actions 每天自动检查上游更新,以 PR 形式提交变更供审核。
上游来源:
各 skill 保留原始许可证。仓库工具代码(scripts/、tests/)为个人使用。
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub korenkrita/skills --plugin design通用决策与规划:格局判断、可行性验证、压力测试
软件开发全流程:编码、调试、测试、审查、流程管理
写作全流程:构思、成文、润色、去AI味、配图、排版
知识获取与理解:搜索、阅读、学习、文档审计
通用工具:交接、skill 开发、URL 读取、图像描述
Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns