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 读取、图像描述
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
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
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
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.