Design & Media

majiayu000 Bundle

Apply the Personal Action Blueprint design system to websites. Implements editorial typography, minimal borders, gold accents, and responsive fluid typography for itinerary, session, and profile pages.

majiayu000 Bundle

Always check the OMS Figma Make project before executing user work, then route to the best matching global .agents skills and complete the requested task. Use when a request should stay aligned with the canonical OMS design intent while still handling any concrete implementation, refactor, review, or content task the user asks.

majiayu000 Bundle

Quick global settings — currency, language, region, units — belong in a persistent, low-profile location such as a header toolbar or footer. These controls are frequent but not primary, so they use small typography and stay out of the main content hierarchy. Use when designing global selectors, locale switchers, or user preference controls that apply across the whole product.

majiayu000 Bundle

Styles applications using Tailwind CSS v4 utilities. Activates when adding styles, restyling components, working with gradients, spacing, layout, flex, grid, responsive design, dark mode, colors, typography, or borders; or when the user mentions CSS, styling, classes, Tailwind, restyle, hero section, cards, buttons, or any visual/UI changes.

majiayu000 Bundle

At user-specified breakpoints, audit the UI for contrast failures (text/background, icons, controls, focus indicators) and visual-uniformity drift (inconsistent tokens, typography, spacing, component variants). Produces screenshot-backed findings with WCAG-aligned thresholds and fix hypotheses.

majiayu000 Bundle

生成3D纸艺弹出书风格插画，具备立体层次感、明亮温暖色调，适用于科技、教育、品牌展示等场景

majiayu000 Bundle

Generates deep visual prompts for Midjourney/DALL-E to create logo vectors.

majiayu000 Bundle

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

majiayu000 Bundle

Documentation et accessibilité concernant le Design System Français (DSFR), un ensemble de composants et de bonnes pratiques pour créer des interfaces utilisateur conformes aux standards du gouvernement français. Use when user wants to implement DSFR components, needs DSFR documentation, asks about French government design system, requires RGAA accessibility guidelines, works with French government websites, or needs HTML/CSS examples for accessible components.

majiayu000 Bundle

Use when creating or editing documents (DOCX, PDF, XLSX, PPTX) that need professional output. Adds visual verification, typography hygiene, and formula patterns.

majiayu000 Bundle

Extract and save Figma screenshots from Codex session logs when user needs to recover images captured by the Figma MCP server

majiayu000 Bundle

Fix generic Svelte component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)

majiayu000 Bundle

Build stunning component libraries with Storybook mastery. Expert in component documentation, visual testing, and design systems. Activate for UI libraries, component development, or design system creation.

majiayu000 Bundle

Implements Figma designs 1:1 using OneKey component library. Use when implementing UI from Figma, converting designs to code, or building pages/components from design specs. Triggers on figma, design, UI, 还原设计稿, 切图, 页面, 组件, implementation, Button, Input, Badge, Icon, Stack, XStack, YStack, Dialog, Toast, Alert, Form, Select, Switch, Checkbox, Radio, Tabs, Popover, ActionList, Progress, Skeleton, Image, Avatar, Banner, Carousel, Table, Accordion, ScrollView, ListView, SectionList, Page, Divider, Empty, QRCode, Markdown, Spinner.

majiayu000 Bundle

JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing.

majiayu000 Bundle

Visual design guidelines for the music theory application. Use this skill when creating or improving UI components, designing new features, or working on visual aspects (typography, colors, spacing, animations). Applies to component creation, UI design, and visual styling tasks.

majiayu000 Bundle

Create distinctive, production-grade React Native mobile applications with modern best practices. Use this skill when the user asks to build React Native components, screens, or complete mobile apps for iOS and Android. Handles UI creation from scratch, design-to-code conversion (Figma/mockups), state management (Zustand, Redux Toolkit), navigation (React Navigation), styling (NativeWind, StyleSheet), and performance optimization. Generates beautiful, performant cross-platform code.

majiayu000 Bundle

Especialista en integración con Tienda Nube: OAuth, sincronización de catálogo, órdenes y gestión de productos.

majiayu000 Bundle

Typography rules and the 12px floor. Invoke when setting font sizes, creating text components, or debugging unreadable text. Enforces minimum readable sizes and proper token usage.

majiayu000 Bundle

Ensure all UI components follow the design guidelines including purple-indigo gradient, rounded-xl borders, backdrop-blur-sm effects, dark mode support, and accessibility requirements

majiayu000 Bundle

Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when building reusable UI components that follow design token architecture. Triggers on Surface component, CVA, class-variance-authority, component variants, design tokens.

majiayu000 Bundle

Runs a PM-perspective design critique focused on product outcomes and user goals, not aesthetics. Use when asked for a PM design critique, a product review of a Figma design, or feedback from a product perspective without needing to be a designer. Produces structured outcome-based feedback tied to user goals, business metrics, and requirement coverage.

majiayu000 Bundle

Extract and catalog Figma design resources into structured Markdown documentation. Outputs to specs/design/figma/ directory with categorized resource lists and Figma links. Use when: (1) "提取 Figma 资源" or "extract Figma resources" (2) "生成 Figma 文档" or "generate Figma docs" (3) "同步 Figma 设计" or "sync Figma design" (4) "更新设计资源列表" or "update design resource list" (5) Need to catalog Figma components, icons, pages for frontend development (6) Before implementing frontend pages from Figma designs

majiayu000 Bundle

Build elegant frontend UIs following Microsoft Foundry's NextGen Design System using Vite + React + pnpm + Framer Motion. Use when creating dashboards, agent builders, data grids, entity management interfaces, or any application matching Foundry's refined dark-themed aesthetic.

majiayu000 Bundle

Typography feels cohesive and intentional when font sizes follow a modular scale — a ratio-based sequence where every size is mathematically related to the others. Use when defining type scales, setting up design tokens, reviewing font size choices, or when typography feels inconsistent or arbitrary.

majiayu000 Bundle

Designs and audits native iOS interfaces. Use when reviewing or refining SwiftUI layout, typography, Liquid Glass, navigation, or dashboards on a freshly verified build.

majiayu000 Bundle

Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG fidelity, semantic colors, native controls, anti-slop discipline, navigation semantics (push vs replace, modal vs sheet vs overlay, the one-way doors where back must not exist), purposeful Reanimated motion, a full-motion simulator-verified iteration loop, and a study-real-apps-first workflow (pairs with the Appllama MCP). Trigger on "build a screen", "make this screen better", "design the onboarding", "wire up this flow", "polish the UI", "make it feel native", or any mobile design/implementation task.

majiayu000 Bundle

Read your site's representative pages, theme files, and media library to extract a complete reusable design system — logo, colors, typography, spacing scale, component patterns. Persist it as machine data AND generate a visible style-guide page on your site that renders the tokens visually.

majiayu000 Bundle

Validates shadcn/ui component customization depth, ensuring components aren't used with default props and checking for consistent design system implementation across Tanstack Start applications

majiayu000 Bundle

Figma 디자인 시스템을 분석하여 .claude/rules/design-system/ 규칙 파일을 생성합니다. 디자인 토큰, 공통 컴포넌트, 레이아웃 패턴, 타이포그래피, 간격 체계 등 자체 디자인 시스템 구성에 필요한 모든 정보를 추출하고 규칙화합니다. Figma 디자인 규칙 추출, 디자인 시스템 문서화, design-system rule 생성 시 사용하세요.

majiayu000 Bundle

Complete design system reference for React applications. Covers colors, typography, spacing, component patterns, glassmorphism effects, GPU-accelerated animations, and WCAG AA accessibility. Use when implementing UI, choosing colors, applying spacing, creating components, or ensuring brand consistency.

majiayu000 Bundle

Opinionated UI/UX and high-performance animation system for Next.js App Router projects: layout, spacing, typography, and smooth, GPU-friendly motion patterns.

majiayu000 Bundle

Redesign React components and pages for healthcare SaaS with premium Apple/Uber-like aesthetics while preserving ALL existing logic, hooks, state management, API calls, and event handlers. Use this skill when the user requests to redesign, make premium, improve the look of, or beautify existing React code. Also use when the user provides design inspiration screenshots to adapt. The skill treats all functionality as sacred and focuses purely on visual transformation - layout, styling, typography, colors, spacing, and modern component structures can change freely, but hooks order, state management, backend communication, and all interactions must remain 100% intact.

majiayu000 Bundle

Enforce Typography system and modern spacing conventions. Use when implementing new UI components to ensure design consistency with project standards.

majiayu000 Bundle

[Design System] Validate UI component usage against design system specifications. Use when (1) checking component variants/sizes are valid, (2) verifying required props are present, (3) detecting deprecated component usage, (4) finding disallowed prop combinations, (5) user asks to 'check component usage', 'validate variants', 'audit design system compliance', or 'find component inconsistencies'.

majiayu000 Bundle

Use when performing Figma design round-trip workflows — capturing live UI to Figma, extracting design context back to code, managing custom component mappings, and maintaining Figma project structure.