跳到正文
cccskills
免费在 GitHub 公开

meowkit-design

Use this skill to generate well-branded interfaces and assets for MeowKit (AI Agent Toolkit for Claude Code), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

中文简介正在准备中。当前显示原文说明。

实测评分 未实测

查看安装方法

包含的文件(43)

  • SKILL.md1.8 KB
  • branding/meow-favicon.svg1.2 KB
  • branding/meow-logo-animated.gif27.2 KB
  • branding/meow-logo-animated.svg2.6 KB
  • branding/meow-logo-dark.svg2.6 KB
  • branding/meow-logo-mono.svg2.4 KB
  • branding/meow-logo.svg2.6 KB
  • branding/meow-og.png303.0 KB
  • css/colors_and_type.css9.4 KB
  • design-tokens.json1.1 KB
  • preview/brand-animated-logo.html1.2 KB
  • preview/brand-lockups.html4.4 KB
  • preview/brand-logo.html1.7 KB
  • preview/brand-mascot-variants.html3.3 KB
  • preview/brand-social-card.html3.1 KB
  • preview/brand-svg-exports.html2.3 KB
  • preview/brand-wordmarks.html2.3 KB
  • preview/colors-brand-scale.html2.6 KB
  • preview/colors-gradient.html1.7 KB
  • preview/colors-neutrals.html2.6 KB
  • preview/colors-semantic.html2.0 KB
  • preview/colors-surfaces.html2.3 KB
  • preview/components-badges.html2.2 KB
  • preview/components-buttons.html2.1 KB
  • preview/components-callouts.html1.7 KB
  • preview/components-codeblock.html1.9 KB
  • preview/components-feature-card.html2.2 KB
  • preview/components-inputs.html2.4 KB
  • preview/components-navbar.html2.7 KB
  • preview/components-sidebar.html2.0 KB
  • preview/components-tables.html1.8 KB
  • preview/logo-hifi.html35.4 KB
  • preview/spacing-radii.html1.5 KB
  • preview/spacing-scale.html1.9 KB
  • preview/spacing-shadows.html1.8 KB
  • preview/type-body.html1.8 KB
  • preview/type-display.html1.3 KB
  • preview/type-headings.html1.5 KB
  • preview/type-mono.html1.6 KB
  • README.md12.6 KB
  • wireframes/lockups.html7.1 KB
  • wireframes/logo-concepts-lineart.html9.3 KB
  • wireframes/logo-concepts.html13.8 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Read the README.md file within this skill, and explore the other available files.

If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.

If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.

Quick orientation

  • Primary logo: /meow slash-prompt mark. Fira Code 500, gradient #1D4ED8 → #3B82F6, slash in solid #2563EB, blinking caret. No bitmap files — render in code. See preview/brand-logo.html and preview/logo-hifi.html.
  • Palette: Royal Blue #2563EB primary, accent glow #60A5FA, deep-space #05070A → #1E3A5F for dark mode.
  • Type: Inter 400/500 for headings + body, Fira Code 500 for code/prompts/taglines. Headings use weight 400 (not bold) with letter-spacing: .02em.
  • Tokens: all variables live in colors_and_type.css — source of truth is design-tokens.json mirrored from the upstream packages/docs/app/global.css.
  • UI kits: ui_kits/website/ (docs-site design recreation), ui_kits/cli/ (terminal sessions).
  • Voice: CLI-first, disciplined, playful-adjacent. Slash-commands (/mk:plan), Unicode glyphs (✓ ✗ → ✋), no illustrated mascot.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

mk-advise

免费

Turn a raw idea into ONE honest recommendation: interview one question at a time until confirmed, then give a verdict with trade-offs and a checklist. Not for options or debate.

中文简介正在准备中。当前显示原文说明。

ngocsangyem/MeowKit152026年7月28日 更新

Browser automation CLI for agents: navigate, click/fill, screenshot, extract data, test apps, Electron/Slack, cloud browsers. NOT for the user's real Chrome profile/cookies (mk:chrome-profile).

中文简介正在准备中。当前显示原文说明。

ngocsangyem/MeowKit152026年7月28日 更新

Detects the right agent and complexity tier at Phase 0 orient; runs first in every workflow. NOT for runtime agent routing inside a single skill.

中文简介正在准备中。当前显示原文说明。

ngocsangyem/MeowKit152026年7月28日 更新

Angular v20+ patterns: components, signals, services, forms, routing, HTTP, testing, SSR. Auto-activates on .ts files in Angular projects (angular.json detected).

中文简介正在准备中。当前显示原文说明。

ngocsangyem/MeowKit152026年7月28日 更新

Design and review durable REST, GraphQL, RPC, or event API contracts: shape, compatibility, pagination, error semantics. Discovers existing consumers first. Not implementation, schema, or release.

中文简介正在准备中。当前显示原文说明。

ngocsangyem/MeowKit152026年7月28日 更新

mk-ask-me

免费

Answer factual project questions (codebase, architecture) with cited evidence. NOT for brainstorming, trade-offs (mk:party), debugging (mk:investigate), review (mk:review), or plans (mk:plan-creator).

中文简介正在准备中。当前显示原文说明。

ngocsangyem/MeowKit152026年7月28日 更新

查看 ngocsangyem 的全部技能

报告此技能的问题