菜单
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.
用 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.
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.
Produces distinctive, production-grade frontend interfaces with high design quality and a strong point of view. Actively avoids generic AI-generated aesthetics in favour of considered, original UI decisions.
| name | design-engineering-catalogue |
| description | 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. |
| triggers | ["UI design skills","visual design skills","design taste skills","brand design skills","color skills","typography skills","mobile design skills","iOS skills","SwiftUI skills","component skills"] |
Domain navigator for visual design, UI craft, brand, color, typography, and mobile design. Activate when the user asks for a skill that shapes how something looks and feels.
→ For the full catalogue across all domains: use design-catalogue.
Activate when the user:
| Skill | Best for |
|---|---|
taste-skill | Premium, non-generic UI — variance, motion, density dials |
impeccable | 23 commands, Chrome extension, Live Mode browser iteration |
make-interfaces-better | Polish: micro-interactions, typography details, visual refinement |
ui-craft | 18 slash commands, anti-slop CLI, 3 style variants — deepest design engineering skill |
frontend-design | 8 aesthetic anchors (Brutalist, Nordic, Cyberpunk…) with locked CSS tokens per theme |
huashu-design | Magazine-grade typography, CSS Grid, animated prototypes, MP4 export |
brand-design-md | Fetches exact tokens for 62 world-class brands (Stripe, Linear, Apple…) at runtime |
ai-graphic-design-skill | Maps 15 AI tools to design scenarios + 2025-26 Creative Director roadmap |
logo-designer-skill | Brand interview → 3-5 SVG concepts → PNG export 16px–2048px |
distinctive-frontend | 4 themed design systems (Cyberpunk, Brutalist, Vaporwave, Nordic) with staggered animations |
design-for-ai | CHECKER (7-category audit) + APPLIER (6-phase creation) dual-mode |
superdesign-skill | Infinite-canvas ideation: brand extraction, design drafts, IDE-native |
styleseed | 69 design rules, 60+ brand skins (Toss, Stripe, Linear, Vercel…), 13 slash commands |
awesome-design-skills | 67-style aesthetic registry: glassmorphism, brutalism, bento, editorial, riso… |
interaction-design | IxD principles, component states, micro-interactions, affordances, task flows — Norman + Tognazzini |
format-storybook | Storybook file structure, template composition, controls, Chromatic visual regression, CSF patterns |
localization-design | RTL mirroring, per-language text expansion, non-Latin type, cultural color/icon traps |
design-system-governance | Ownership models, contribution lifecycle, semver contract, deprecation policy |
| Skill | Best for |
|---|---|
color-expert | OKLCH/OKLAB color science, palette generation, contrast |
baseline-ui | Animation durations, typography scale, Tailwind anti-patterns |
shadcn-ui | shadcn/ui component workflow |
ui-ux-pro-max | 50+ styles, 97 palettes, 9 tech stacks |
google-fonts-skill | 1,923 Google Fonts with mood tags + 73 pairings + CSS vars + Tailwind config |
design-tokens-skill | W3C DTCG token spec: OKLCH, references/aliasing, Terrazzo, Figma exports |
ink-google | Ink-style editorial design for artifacts |
open-design | 31 skills + 71 brand design systems — local-first Claude Design alternative |
material-3-skill | Material Design 3 / Material You: dynamic color, tonal surfaces, 30+ components (Compose + Flutter) |
| Skill | Best for |
|---|---|
mobile-app-design | iOS HIG + Android MD3 + RN best practices — 26K words |
mobile-app-ui-design | Professional mobile UI: intentional, smooth, alive interfaces |
apple-hig-skills | Apple HIG: iOS, macOS, visionOS, watchOS, tvOS |
hig-doctor | Diagnose and fix Apple HIG violations |
swiftui-patterns | SwiftUI view and component best practices |
swiftui-claude-skills | WWDC 2025 verified SwiftUI, iOS 26.4 RC, Xcode 26 |
swiftui-design-skill | SwiftUI visual design craft — anti-AI-slop, typography, color, brand |
liquid-glass-skill | iOS 26 Liquid Glass: .glassEffect(), GlassEffectContainer, migration patterns |
platform-design-skills | 300+ HIG/MD3/WCAG rules for cross-platform |
sleek-design-mobile-apps | Sleek platform: design screens, projects, assets (account req.) |
| Skill | Best for |
|---|---|
taste-design-stitch | Aesthetic judgment for Google Stitch output |
design-lab | Interactive design exploration, variant generation |
interface-design-dammyjay | Dashboards, admin panels, SaaS information-dense UI |
bencium-ux-designer | Distinctive, production-grade frontend |
neo-user-journey | UX journey mapping + Playwright testing + 50+ patterns + Nielsen scoring |
simota-agent-skills | 15 design sub-skills: Vision, Frame (Figma bridge), Pixel, Clay, Ink, Sketch |
design-auditor | 19-category audit: typography, dark mode, RTL, dark patterns; 0-100 score |
composio-artifacts | Artifacts connected to GitHub/Slack/Linear via Composio |
search-ux | Search input, autocomplete, ranking, faceted filters, zero-results, search analytics |
interfaces-that-feel | Emotional design: felt-state → physical analogue → motion/copy/spacing changes |
information-architecture-and-navigation | Polar-bear IA: organization/labeling/nav/search, taxonomy, wayfinding, findability |
