菜单
6 official Anthropic skills for frontend design, artifact creation, and presentation. Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF, professional theme application, brand guidelines, and PowerPoint creation.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.
Domain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.
Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
SwiftUI visual design skill for distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review.
6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.
| name | anthropics-skills |
| description | 6 official Anthropic skills for frontend design, artifact creation, and presentation. Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF, professional theme application, brand guidelines, and PowerPoint creation. |
| triggers | ["Anthropic skill","Anthropic frontend design","web artifacts","canvas design","theme factory","brand guidelines","pptx Anthropic"] |
| das | {"category":"official-suites","upstream":"https://github.com/anthropics/skills","version":"latest","install":false} |
Catalogue stub — full package: anthropics/skills
Run this before using Anthropic official skills:
Is an Anthropic skill already installed?
Check: ~/.design-agent-skills/skills/frontend-design/SKILL.md exists (representative skill).
Do you have shell access?
! — add -g for global install or omit for project-only# Frontend design and UI/UX development
npx skills add anthropics/frontend-design
# Build complex HTML artifacts with React/Tailwind/shadcn
npx skills add anthropics/web-artifacts-builder
# Design visual art in PNG/PDF
npx skills add anthropics/canvas-design
# Style artifacts with professional themes
npx skills add anthropics/theme-factory
# Apply brand colors and typography
npx skills add anthropics/brand-guidelines
# Create, edit, and analyze PowerPoint presentations
npx skills add anthropics/pptx
frontend-design — "frontend design", "UI/UX development"web-artifacts-builder — "web artifact", "React artifact", "build HTML artifact"canvas-design — "canvas design", "PNG art", "visual art"theme-factory — "theme artifact", "professional theme", "style artifact"brand-guidelines — "brand colors", "brand typography", "apply brand"pptx — "PowerPoint", "create PPTX", "presentation"Anthropic's official skill suite covering design-adjacent workflows: production-quality frontend design guidance, complex multi-component HTML artifact construction with React/Tailwind/shadcn, visual art creation, theme systems, brand application, and PowerPoint generation.