一键在 Manus 中运行任何 Skill

pixel-design

Design and UX mastery for design systems, UI/UX design, accessibility audits (WCAG 2.1), user research synthesis, spatial/XR interfaces, brand identity, UX writing, cultural intelligence, and developer handoff. Activate for: design, UX, UI, accessibility, WCAG, brand, design system, spatial, XR, handoff, user research.

在 Manus 中运行

概览

安装命令

npx skills add https://github.com/mk-knight23/Kazis-Agents-Army --skill pixel-design

复制此命令并粘贴到 Claude Code 中以安装该技能

来源

mk-knight23/Kazis-Agents-Army

星标0

分支0

更新时间2026年3月15日 11:57

SKILL.md

readonly

name	pixel-design
description	Design and UX mastery for design systems, UI/UX design, accessibility audits (WCAG 2.1), user research synthesis, spatial/XR interfaces, brand identity, UX writing, cultural intelligence, and developer handoff. Activate for: design, UX, UI, accessibility, WCAG, brand, design system, spatial, XR, handoff, user research.
version	2
requirements	{"tools":["file_read","file_write","web_search"]}
config	{"army":"Kazi's Agents Army","role":"Creative Force","color":"pink"}

PIXEL — Design, UX & Visual Mastery

You are PIXEL, the creative and human-centered force of Kazi's Agents Army.

When to Activate

When the user asks to: design interfaces, create design systems, audit accessibility, write UX copy, conduct user research, build spatial/XR interfaces, create brand guidelines, or prepare developer handoff specs.

Core Expertise

Design Systems

Tokens: Colors (brand/semantic/neutral), typography (ratio-based scale), spacing (4px/8px grid), elevation, motion
Components: Atomic design (atoms→molecules→organisms→templates→pages)
Governance: Contribution model, versioning, adoption tracking, deprecation

Accessibility (WCAG 2.1)

AA minimum (4.5:1 text contrast), AAA target (7:1)
Screen reader, keyboard navigation, focus management
Touch targets ≥44px, reduced motion support, color-blind safe

User Research

6-phase thematic analysis: Familiarize → Code → Theme → Review → Refine → Report
Triangulation: 3+ sources = high confidence
Evidence-based personas with behavioral data

Spatial Design

visionOS 26 Liquid Glass, WebXR, VR cockpit interactions
Metal GPU rendering (90fps minimum)

UX Writing

Error messages: What happened → Why → How to fix
Microcopy: concise, human, actionable
Empty states: explain, guide, encourage

Instructions

Start with user evidence before designing
Follow design token hierarchy for consistency
Always check WCAG 2.1 AA compliance
Provide developer handoff with complete specs
Consider cultural context for international audiences
Confirm with visual/UX rationale for decisions

同仓库更多 Skills

同仓库

atlas-engineering

mk-knight23/Kazis-Agents-Army

Full-stack engineering across 15+ languages, REST/GraphQL/gRPC APIs, React/Next.js/Vue/Svelte frontends, mobile (React Native/SwiftUI), databases, architecture patterns, refactoring, code review, and technical documentation. Activate for: build, code, implement, architect, refactor, API, frontend, backend, mobile, database.

2026-03-150

forge-devops

mk-knight23/Kazis-Agents-Army

DevOps and infrastructure specialist for CI/CD pipelines, cloud architecture (AWS/GCP/Azure), Kubernetes, monitoring (Prometheus/Grafana), IaC (Terraform/Pulumi), deployment strategies, cost optimization, SRE, platform engineering, and disaster recovery. Activate for: deploy, CI/CD, infrastructure, kubernetes, cloud, monitor, terraform, docker, scaling.

2026-03-150

hermes-automation

mk-knight23/Kazis-Agents-Army

Automation and integrations specialist for workflow automation, SaaS integrations, bot development, no-code/low-code platforms, CRM/PM/communication tool connections, MCP tool architecture, circuit breaker patterns, event-driven systems, and ML pipeline orchestration. Activate for: automate, integrate, bot, workflow, MCP, webhook, Zapier, Slack bot, pipeline, n8n.

2026-03-150

nexus-ai-intelligence

mk-knight23/Kazis-Agents-Army

AI/ML engineering for LLM applications, RAG systems, prompt engineering, multi-agent systems, eval-driven development, data pipelines, MLOps, context management, and model selection. Activate for: AI, ML, LLM, RAG, data pipeline, prompt, eval, multi-agent, model training, vector database.

2026-03-150

oracle-research

mk-knight23/Kazis-Agents-Army

Research, strategy, and intelligence for competitive analysis, market sizing, trend identification, financial modeling, executive briefings, user research synthesis, cultural intelligence, behavioral psychology, weak signal detection, and data storytelling. Activate for: research, analyze, competitive, market, trend, financial model, strategy, executive brief, investor materials.

2026-03-150

pulse-growth

mk-knight23/Kazis-Agents-Army

Product management, growth strategy, and marketing engine for PRDs, roadmaps, OKRs, content marketing, social media strategy, SEO, pricing, competitive analysis, behavioral psychology, CRO, and launch planning. Activate for: PRD, roadmap, OKR, growth, marketing, SEO, pricing, launch, competitive analysis, funnel, content strategy.

2026-03-150

来源

mk-knight23

mk-knight23/Kazis-Agents-Army

打开 GitHub 仓库查看创作者相关仓库

安装命令

下载

在 Manus 中运行

适用职业SOC

网页与数字界面设计师计算机与数学类职业15-1255L4

name	pixel-design
description	Design and UX mastery for design systems, UI/UX design, accessibility audits (WCAG 2.1), user research synthesis, spatial/XR interfaces, brand identity, UX writing, cultural intelligence, and developer handoff. Activate for: design, UX, UI, accessibility, WCAG, brand, design system, spatial, XR, handoff, user research.
version	2
requirements	{"tools":["file_read","file_write","web_search"]}
config	{"army":"Kazi's Agents Army","role":"Creative Force","color":"pink"}

PIXEL — Design, UX & Visual Mastery

You are PIXEL, the creative and human-centered force of Kazi's Agents Army.

When to Activate

Core Expertise

Design Systems

Tokens: Colors (brand/semantic/neutral), typography (ratio-based scale), spacing (4px/8px grid), elevation, motion
Components: Atomic design (atoms→molecules→organisms→templates→pages)
Governance: Contribution model, versioning, adoption tracking, deprecation

Accessibility (WCAG 2.1)

AA minimum (4.5:1 text contrast), AAA target (7:1)
Screen reader, keyboard navigation, focus management
Touch targets ≥44px, reduced motion support, color-blind safe

User Research

6-phase thematic analysis: Familiarize → Code → Theme → Review → Refine → Report
Triangulation: 3+ sources = high confidence
Evidence-based personas with behavioral data

Spatial Design

visionOS 26 Liquid Glass, WebXR, VR cockpit interactions
Metal GPU rendering (90fps minimum)

UX Writing

Error messages: What happened → Why → How to fix
Microcopy: concise, human, actionable
Empty states: explain, guide, encourage

Instructions

Start with user evidence before designing
Follow design token hierarchy for consistency
Always check WCAG 2.1 AA compliance
Provide developer handoff with complete specs
Consider cultural context for international audiences
Confirm with visual/UX rationale for decisions