[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FTP5WH53QGA3KBV6M93QFJ":3,"skill-same:01M6FTP5WH53QGA3KBV6M93QFJ":142},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":30,"publishedAt":51,"linkOnly":52,"markdownContent":53,"markdownBody":54,"frontMatter":55,"refName":56,"commitSha":57,"skillDirectory":58,"forksCount":59,"repositoryHtmlUrl":60,"repositoryHomepageUrl":6,"ownerHtmlUrl":61,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":62,"install":63,"resources":76},"01M6FTP5WH53QGA3KBV6M93QFJ","ui-ux-master",null,"Master UI\u002FUX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles. Use for any UI\u002FUX design task including iOS\u002FmacOS\u002Fweb apps, landing pages, dashboards, design systems, accessibility, responsive layouts, animation, and creating beautiful, functional interfaces across all platforms and frameworks.","kbarbel640-del\u002Fskills","kbarbel640-del","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F255315490?v=4","01M6CJPPQGCCESXMG3K7BBGQ5J","01M6CJPPX2PB2BCZERFVM2C2B3",1,"MIT","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002FSKILL.md",[17,22,25],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50],"ui ux master","ux","ui","master","design principles","functional","apps","pages","apple","responsive","across","frameworks","patterns","design","use","landing","dashboards","Animation","design systems","macos","2026-11-10 10:12:30",false,"---\nname: ui-ux-master\ndescription: Master UI\u002FUX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles. Use for any UI\u002FUX design task including iOS\u002FmacOS\u002Fweb apps, landing pages, dashboards, design systems, accessibility, responsive layouts, animation, and creating beautiful, functional interfaces across all platforms and frameworks.\n---\n\n# UI\u002FUX Master Skill\n\nThe ultimate design skill combining Apple Human Interface Guidelines, modern web design patterns, SuperDesign principles, and universal UX best practices for creating exceptional user experiences across all platforms.\n\n## Design Philosophy\n\n### Core Principles\n\n**1. Clarity Over Cleverness**\n- Information hierarchy is obvious\n- Actions are predictable\n- Feedback is immediate\n- Complexity is hidden when not needed\n\n**2. Consistency Breeds Familiarity**\n- Patterns repeat across the interface\n- Terminology is uniform\n- Visual language is coherent\n- Platform conventions are respected\n\n**3. Beauty Through Simplicity**\n- Every element serves a purpose\n- White space creates breathing room\n- Visual noise is minimized\n- Details are refined\n\n**4. Accessibility is Non-Negotiable**\n- Works for everyone, regardless of ability\n- Keyboard navigable\n- Screen reader friendly\n- High contrast options available\n\n## Platform-Specific Design\n\n### Apple Platforms (iOS, macOS, watchOS, tvOS, visionOS)\n\nFor complete Apple HIG patterns, see [references\u002Fapple-platforms.md](references\u002Fapple-platforms.md)\n\n**Key Apple Principles:**\n- **Clarity:** Legible text, precise icons, subtle adornments\n- **Deference:** Content-first, UI stays out of the way\n- **Depth:** Visual layers, realistic motion, spatial awareness\n\n**When to use:** Native iOS, macOS, watchOS, tvOS, or visionOS apps\n\n### Modern Web Design\n\nFor complete web design patterns, see [references\u002Fweb-design.md](references\u002Fweb-design.md)\n\n**Key Web Principles:**\n- **Responsive:** Mobile-first, adapts to all screens\n- **Performant:** Fast load times, optimized assets\n- **Progressive:** Works everywhere, enhanced where possible\n- **Semantic:** Proper HTML structure, accessible markup\n\n**When to use:** Websites, web apps, PWAs, landing pages, dashboards\n\n## Design Systems\n\n### Color Theory\n\n**Modern Color Systems:**\n- **oklch()** color space (perceptually uniform, modern)\n- **HSL** for quick adjustments\n- **RGB\u002FHex** for legacy compatibility\n\n**Semantic Colors:**\n```css\n\u002F* Light\u002FDark mode compatible *\u002F\n--primary: oklch(0.649 0.237 267);\n--secondary: oklch(0.556 0 0);\n--background: oklch(0.145 0 0); \u002F* dark *\u002F\n--foreground: oklch(0.985 0 0); \u002F* light text *\u002F\n--muted: oklch(0.556 0 0 \u002F 0.5);\n--border: oklch(0.922 0 0 \u002F 0.15);\n```\n\n**Avoid:**\n- Generic bootstrap blue (#007bff) - dated\n- Pure black (#000000) - use dark grays\n- Low contrast text (\u003C4.5:1 ratio)\n\n**Color Guidelines:**\nSee [references\u002Fcolor-systems.md](references\u002Fcolor-systems.md) for palettes, contrast ratios, and color psychology\n\n### Typography\n\n**System Fonts (Recommended):**\n- **Apple:** SF Pro (iOS\u002FmacOS), SF Compact (watchOS)\n- **Web:** Inter, Outfit, DM Sans, Plus Jakarta Sans\n- **Monospace:** JetBrains Mono, Fira Code, Geist Mono\n- **Fallback:** -apple-system, system-ui, sans-serif\n\n**Type Scale:**\n```\nDisplay: 72px \u002F 4.5rem\nHeading 1: 48px \u002F 3rem\nHeading 2: 36px \u002F 2.25rem\nHeading 3: 24px \u002F 1.5rem\nBody: 16px \u002F 1rem\nSmall: 14px \u002F 0.875rem\nCaption: 12px \u002F 0.75rem\n```\n\n**Line Height:**\n- Headings: 1.2 - 1.3\n- Body: 1.5 - 1.6\n- Small text: 1.4 - 1.5\n\n**Font Pairing:**\nSee [references\u002Ftypography.md](references\u002Ftypography.md) for pairing rules and examples\n\n### Spacing & Layout\n\n**8-Point Grid System:**\n- Base unit: 8px (0.5rem)\n- Spacing scale: 8, 16, 24, 32, 40, 48, 56, 64, 80, 96\n- Use multiples of 4px for fine-tuning (4, 12, 20, 28, etc.)\n\n**Standard Margins:**\n- Mobile: 16px\n- Tablet: 24px\n- Desktop: 32-48px\n- Max width: 1200-1400px\n\n**Component Spacing:**\n```\nXS:  4px  - Tight groups (icon + text)\nS:   8px  - Related items\nM:   16px - Standard spacing\nL:   24px - Section spacing\nXL:  32px - Major sections\n2XL: 48px - Page sections\n```\n\n**Layout Patterns:**\nSee [references\u002Flayout-patterns.md](references\u002Flayout-patterns.md) for grids, flexbox, and responsive patterns\n\n## Component Design\n\n### Buttons\n\n**Hierarchy:**\n1. **Primary:** Filled, accent color, main action\n2. **Secondary:** Outlined or tinted, supporting action\n3. **Tertiary:** Ghost\u002Ftext-only, least prominent\n\n**States:**\n- Default\n- Hover (lift or color shift)\n- Active (pressed, scale down)\n- Disabled (reduced opacity, no interaction)\n- Loading (spinner, disabled)\n\n**Sizes:**\n- Small: 32-36px height\n- Medium: 40-44px height (default)\n- Large: 48-56px height\n\n**Best Practices:**\n- Minimum 44×44px touch target (mobile)\n- Clear, action-oriented labels (\"Save Changes\" not \"OK\")\n- Loading state for async actions\n- Icon + text for clarity\n\n### Forms\n\n**Input Fields:**\n- Clear labels above fields\n- Placeholders as hints, not labels\n- Visible focus states\n- Inline validation\n- Error messages near field\n- Success states\n\n**Field Sizing:**\n- Single line: 40-48px height\n- Text area: 80-120px min height\n- Width matches expected input length\n\n**Form Layout:**\n- Single column for simplicity\n- Group related fields\n- Progressive disclosure (show complexity as needed)\n- Save button at bottom, clear\u002Fcancel secondary\n\n**Best Practices:**\nSee [references\u002Fforms.md](references\u002Fforms.md) for validation patterns and accessibility\n\n### Cards\n\n**Anatomy:**\n- Border radius: 8-12px (modern), 0px (brutalist)\n- Padding: 16-24px\n- Shadow: Subtle, 1-2 layers max\n- Background: Slightly elevated from page\n\n**Types:**\n- **Flat:** No shadow, border only\n- **Elevated:** Subtle shadow\n- **Interactive:** Hover lift, clickable\n- **Glassmorphic:** Blur + transparency\n\n**Content:**\n- Image\u002Ficon at top (optional)\n- Title (heading level)\n- Description\u002Fbody\n- Actions at bottom\n\n### Navigation\n\n**Patterns:**\n- **Top Nav:** Global, persistent (web)\n- **Tab Bar:** 3-5 primary sections (mobile)\n- **Sidebar:** Complex apps, collapsible (desktop)\n- **Hamburger:** Mobile fallback, avoid if possible\n- **Breadcrumbs:** Hierarchical location\n\n**Mobile Navigation:**\n- Bottom tab bar (thumb-friendly)\n- Burger menu for overflow\n- Sticky header with back button\n\n**Desktop Navigation:**\n- Top bar or sidebar\n- Dropdown menus for hierarchy\n- Search prominent\n\nSee [references\u002Fnavigation-patterns.md](references\u002Fnavigation-patterns.md)\n\n## Animation & Motion\n\n**Durations:**\n- **Quick:** 100-200ms (button press, hover)\n- **Standard:** 200-400ms (transitions, sheets)\n- **Slow:** 400-600ms (page transitions, complex)\n\n**Easing Functions:**\n- **ease-out:** Most animations (starts fast, ends slow)\n- **ease-in:** Exits (starts slow, accelerates)\n- **ease-in-out:** Balanced (smooth start and end)\n- **spring:** Natural, playful (CSS or JS springs)\n\n**Animation Principles:**\n1. **Anticipation:** Hint at upcoming change\n2. **Follow-through:** Motion completes naturally\n3. **Continuity:** Elements smoothly transition\n4. **Responsive:** Immediate feedback to interaction\n\n**Micro-interactions:**\n```\nbutton: 150ms [scale: 1→0.95→1] (press)\nhover: 200ms [translateY: 0→-2px] + shadow↗\nfadeIn: 400ms [opacity: 0→1, translateY: 20→0]\nslideIn: 300ms [translateX: -100%→0]\n```\n\n**Reduce Motion:**\n- Provide crossfade alternative\n- Respect `prefers-reduced-motion`\n- Essential animations only\n\nSee [references\u002Fanimation-guide.md](references\u002Fanimation-guide.md) for complete animation patterns\n\n## Modern Design Trends\n\n### Dark Mode\n\n**Design Strategy:**\n- Test both modes simultaneously\n- Use semantic colors (auto-adapt)\n- Elevate surfaces with subtle lightening\n- Avoid pure black (#000), use dark grays\n\n**Color Mapping:**\n```css\n\u002F* Light mode *\u002F\n--background: oklch(1 0 0);\n--surface: oklch(0.98 0 0);\n--text: oklch(0.15 0 0);\n\n\u002F* Dark mode *\u002F\n--background: oklch(0.145 0 0);\n--surface: oklch(0.205 0 0);\n--text: oklch(0.985 0 0);\n```\n\nSee [references\u002Fdark-mode.md](references\u002Fdark-mode.md)\n\n### Glassmorphism\n\n**Recipe:**\n```css\n.glass {\n  background: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);\n}\n```\n\n**When to use:**\n- Overlays (modals, tooltips)\n- Navigation bars\n- Cards on rich backgrounds\n- Modern, premium feel\n\n**Avoid:**\n- Overuse (becomes gimmicky)\n- Performance-sensitive contexts\n- Insufficient browser support\n\n### Neo-Brutalism\n\n**Characteristics:**\n- Harsh shadows (4px 4px 0 black)\n- Bold, saturated colors\n- Black borders (2-3px)\n- Zero border radius\n- Raw, unpolished aesthetic\n\n**When to use:**\n- Playful, creative brands\n- Youth-targeted products\n- Art\u002Fdesign portfolios\n- Standing out from \"clean\" minimalism\n\nSee [references\u002Fdesign-trends.md](references\u002Fdesign-trends.md) for more trends\n\n## Responsive Design\n\n**Breakpoints:**\n```\nMobile:    \u003C 640px\nTablet:    640px - 1024px\nDesktop:   1024px - 1440px\nWide:      > 1440px\n```\n\n**Mobile-First Strategy:**\n```css\n\u002F* Base: Mobile *\u002F\n.container { padding: 16px; }\n\n\u002F* Tablet *\u002F\n@media (min-width: 640px) {\n  .container { padding: 24px; }\n}\n\n\u002F* Desktop *\u002F\n@media (min-width: 1024px) {\n  .container { \n    padding: 32px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n}\n```\n\n**Responsive Patterns:**\n- **Stack → Sidebar:** Single column mobile, sidebar desktop\n- **Grid Columns:** 1 → 2 → 3 → 4 columns\n- **Hide\u002FShow:** Progressive disclosure\n- **Reorder:** Priority changes by screen size\n\nSee [references\u002Fresponsive-design.md](references\u002Fresponsive-design.md)\n\n## Accessibility\n\n### WCAG Compliance\n\n**Level AA (Minimum):**\n- ✅ 4.5:1 contrast for normal text\n- ✅ 3:1 contrast for large text (18pt+)\n- ✅ Keyboard navigable\n- ✅ Focus indicators visible\n- ✅ Alt text for images\n- ✅ Form labels present\n\n**Level AAA (Ideal):**\n- ✅ 7:1 contrast for normal text\n- ✅ 4.5:1 contrast for large text\n- ✅ No audio-only content\n- ✅ Enhanced focus indicators\n\n### Screen Readers\n\n**Best Practices:**\n- Semantic HTML (`\u003Cnav>`, `\u003Cmain>`, `\u003Carticle>`)\n- ARIA labels when needed (`aria-label`, `aria-labelledby`)\n- Logical heading hierarchy (h1 → h2 → h3)\n- Skip navigation links\n- Announce dynamic content (`aria-live`)\n\n### Keyboard Navigation\n\n**Essential:**\n- Tab order is logical\n- Focus visible (outline or custom)\n- Enter activates buttons\u002Flinks\n- Escape closes modals\n- Arrow keys for lists\u002Fmenus\n\n### Motion & Animation\n\n- Respect `prefers-reduced-motion`\n- Provide static alternatives\n- No auto-playing videos\n- Pause\u002Fstop controls available\n\nSee [references\u002Faccessibility.md](references\u002Faccessibility.md) for complete WCAG checklist\n\n## Design Tools & Resources\n\n### Design Systems\n- **Material Design** (Google)\n- **Human Interface Guidelines** (Apple)\n- **Fluent Design** (Microsoft)\n- **Lightning Design** (Salesforce)\n- **Carbon** (IBM)\n\n### Icon Libraries\n- **SF Symbols** (Apple, 6000+ icons)\n- **Lucide** (Open source, clean)\n- **Heroicons** (Tailwind team)\n- **Phosphor** (Flexible weights)\n- **Feather** (Simple, minimal)\n\n### Color Tools\n- **oklch.com** - Modern color picker\n- **coolors.co** - Palette generator\n- **contrast-ratio.com** - WCAG checker\n- **color.adobe.com** - Adobe Color\n\n### Typography Tools\n- **Google Fonts** - Free web fonts\n- **fonts.google.com** - Browse and pair\n- **fontpair.co** - Pairing suggestions\n- **typ.io** - Typography inspiration\n\n### Component Libraries\n- **Tailwind CSS** (utility-first)\n- **shadcn\u002Fui** (copy-paste components)\n- **Flowbite** (Tailwind components)\n- **Radix UI** (headless primitives)\n- **Chakra UI** (accessible React)\n\nSee [references\u002Ftools-resources.md](references\u002Ftools-resources.md) for comprehensive list\n\n## Design Workflow\n\n### 1. Research & Discovery\n- Understand user needs\n- Study competitors\n- Define core user flows\n- Identify constraints\n\n### 2. Wireframing\n**ASCII Wireframes:**\n```\n┌─────────────────────────────────────┐\n│         HEADER \u002F NAV BAR            │\n├─────────────────────────────────────┤\n│                                     │\n│            HERO SECTION             │\n│         (Title + CTA)               │\n│                                     │\n├─────────────────────────────────────┤\n│   FEATURE   │  FEATURE  │  FEATURE  │\n│     CARD    │   CARD    │   CARD    │\n├─────────────────────────────────────┤\n│            FOOTER                   │\n└─────────────────────────────────────┘\n```\n\n### 3. Visual Design\n- Define theme (colors, fonts, spacing)\n- Design key screens\n- Create component library\n- Build design system\n\n### 4. Prototyping\n- Interactive mockups\n- User testing\n- Iterate based on feedback\n\n### 5. Implementation\n- Responsive development\n- Accessibility testing\n- Performance optimization\n- Cross-browser testing\n\nSee [references\u002Fdesign-workflow.md](references\u002Fdesign-workflow.md) for detailed process\n\n## Platform-Specific Resources\n\n### Apple Platforms\n- [Apple HIG Complete Guide](references\u002Fapple-platforms.md)\n- [iOS Patterns](references\u002Fapple-ios.md)\n- [macOS Patterns](references\u002Fapple-macos.md)\n- [watchOS Patterns](references\u002Fapple-watchos.md)\n- [SF Symbols Guide](references\u002Fsf-symbols.md)\n\n### Web Design\n- [Modern Web Patterns](references\u002Fweb-design.md)\n- [CSS Architecture](references\u002Fcss-patterns.md)\n- [JavaScript Interactions](references\u002Fjs-interactions.md)\n- [Performance Optimization](references\u002Fweb-performance.md)\n\n### Mobile Web & PWA\n- [Responsive Patterns](references\u002Fresponsive-design.md)\n- [Touch Interactions](references\u002Ftouch-patterns.md)\n- [PWA Best Practices](references\u002Fpwa-guide.md)\n\n## Quick Decision Guide\n\n**Choosing Colors?**\n→ [references\u002Fcolor-systems.md](references\u002Fcolor-systems.md)\n\n**Designing Forms?**\n→ [references\u002Fforms.md](references\u002Fforms.md)\n\n**Need Navigation Pattern?**\n→ [references\u002Fnavigation-patterns.md](references\u002Fnavigation-patterns.md)\n\n**Building for iOS?**\n→ [references\u002Fapple-platforms.md](references\u002Fapple-platforms.md)\n\n**Creating Animations?**\n→ [references\u002Fanimation-guide.md](references\u002Fanimation-guide.md)\n\n**Accessibility Questions?**\n→ [references\u002Faccessibility.md](references\u002Faccessibility.md)\n\n**Responsive Layout?**\n→ [references\u002Fresponsive-design.md](references\u002Fresponsive-design.md)\n\n---\n\n## Design Checklist\n\n✅ **Visual Hierarchy**\n- Most important elements are prominent\n- Related items are grouped\n- White space creates breathing room\n\n✅ **Consistency**\n- Components look and behave similarly\n- Terminology is uniform throughout\n- Visual language is coherent\n\n✅ **Feedback**\n- Actions have immediate response\n- Loading states are clear\n- Errors are helpful and actionable\n\n✅ **Accessibility**\n- Keyboard navigable\n- Screen reader friendly\n- Sufficient color contrast\n- Respects user preferences\n\n✅ **Performance**\n- Fast load times (\u003C3s)\n- Smooth animations (60fps)\n- Optimized images\n- Minimal layout shifts\n\n✅ **Responsive**\n- Works on all screen sizes\n- Touch-friendly (44px targets)\n- Adapts content intelligently\n\n✅ **Platform Native**\n- Follows platform conventions\n- Uses native components when possible\n- Respects system settings\n\n---\n\n*The ultimate UI\u002FUX design reference combining Apple HIG, modern web design, and universal UX principles.*\n","# UI\u002FUX Master Skill\n\nThe ultimate design skill combining Apple Human Interface Guidelines, modern web design patterns, SuperDesign principles, and universal UX best practices for creating exceptional user experiences across all platforms.\n\n## Design Philosophy\n\n### Core Principles\n\n**1. Clarity Over Cleverness**\n- Information hierarchy is obvious\n- Actions are predictable\n- Feedback is immediate\n- Complexity is hidden when not needed\n\n**2. Consistency Breeds Familiarity**\n- Patterns repeat across the interface\n- Terminology is uniform\n- Visual language is coherent\n- Platform conventions are respected\n\n**3. Beauty Through Simplicity**\n- Every element serves a purpose\n- White space creates breathing room\n- Visual noise is minimized\n- Details are refined\n\n**4. Accessibility is Non-Negotiable**\n- Works for everyone, regardless of ability\n- Keyboard navigable\n- Screen reader friendly\n- High contrast options available\n\n## Platform-Specific Design\n\n### Apple Platforms (iOS, macOS, watchOS, tvOS, visionOS)\n\nFor complete Apple HIG patterns, see [references\u002Fapple-platforms.md](references\u002Fapple-platforms.md)\n\n**Key Apple Principles:**\n- **Clarity:** Legible text, precise icons, subtle adornments\n- **Deference:** Content-first, UI stays out of the way\n- **Depth:** Visual layers, realistic motion, spatial awareness\n\n**When to use:** Native iOS, macOS, watchOS, tvOS, or visionOS apps\n\n### Modern Web Design\n\nFor complete web design patterns, see [references\u002Fweb-design.md](references\u002Fweb-design.md)\n\n**Key Web Principles:**\n- **Responsive:** Mobile-first, adapts to all screens\n- **Performant:** Fast load times, optimized assets\n- **Progressive:** Works everywhere, enhanced where possible\n- **Semantic:** Proper HTML structure, accessible markup\n\n**When to use:** Websites, web apps, PWAs, landing pages, dashboards\n\n## Design Systems\n\n### Color Theory\n\n**Modern Color Systems:**\n- **oklch()** color space (perceptually uniform, modern)\n- **HSL** for quick adjustments\n- **RGB\u002FHex** for legacy compatibility\n\n**Semantic Colors:**\n```css\n\u002F* Light\u002FDark mode compatible *\u002F\n--primary: oklch(0.649 0.237 267);\n--secondary: oklch(0.556 0 0);\n--background: oklch(0.145 0 0); \u002F* dark *\u002F\n--foreground: oklch(0.985 0 0); \u002F* light text *\u002F\n--muted: oklch(0.556 0 0 \u002F 0.5);\n--border: oklch(0.922 0 0 \u002F 0.15);\n```\n\n**Avoid:**\n- Generic bootstrap blue (#007bff) - dated\n- Pure black (#000000) - use dark grays\n- Low contrast text (\u003C4.5:1 ratio)\n\n**Color Guidelines:**\nSee [references\u002Fcolor-systems.md](references\u002Fcolor-systems.md) for palettes, contrast ratios, and color psychology\n\n### Typography\n\n**System Fonts (Recommended):**\n- **Apple:** SF Pro (iOS\u002FmacOS), SF Compact (watchOS)\n- **Web:** Inter, Outfit, DM Sans, Plus Jakarta Sans\n- **Monospace:** JetBrains Mono, Fira Code, Geist Mono\n- **Fallback:** -apple-system, system-ui, sans-serif\n\n**Type Scale:**\n```\nDisplay: 72px \u002F 4.5rem\nHeading 1: 48px \u002F 3rem\nHeading 2: 36px \u002F 2.25rem\nHeading 3: 24px \u002F 1.5rem\nBody: 16px \u002F 1rem\nSmall: 14px \u002F 0.875rem\nCaption: 12px \u002F 0.75rem\n```\n\n**Line Height:**\n- Headings: 1.2 - 1.3\n- Body: 1.5 - 1.6\n- Small text: 1.4 - 1.5\n\n**Font Pairing:**\nSee [references\u002Ftypography.md](references\u002Ftypography.md) for pairing rules and examples\n\n### Spacing & Layout\n\n**8-Point Grid System:**\n- Base unit: 8px (0.5rem)\n- Spacing scale: 8, 16, 24, 32, 40, 48, 56, 64, 80, 96\n- Use multiples of 4px for fine-tuning (4, 12, 20, 28, etc.)\n\n**Standard Margins:**\n- Mobile: 16px\n- Tablet: 24px\n- Desktop: 32-48px\n- Max width: 1200-1400px\n\n**Component Spacing:**\n```\nXS:  4px  - Tight groups (icon + text)\nS:   8px  - Related items\nM:   16px - Standard spacing\nL:   24px - Section spacing\nXL:  32px - Major sections\n2XL: 48px - Page sections\n```\n\n**Layout Patterns:**\nSee [references\u002Flayout-patterns.md](references\u002Flayout-patterns.md) for grids, flexbox, and responsive patterns\n\n## Component Design\n\n### Buttons\n\n**Hierarchy:**\n1. **Primary:** Filled, accent color, main action\n2. **Secondary:** Outlined or tinted, supporting action\n3. **Tertiary:** Ghost\u002Ftext-only, least prominent\n\n**States:**\n- Default\n- Hover (lift or color shift)\n- Active (pressed, scale down)\n- Disabled (reduced opacity, no interaction)\n- Loading (spinner, disabled)\n\n**Sizes:**\n- Small: 32-36px height\n- Medium: 40-44px height (default)\n- Large: 48-56px height\n\n**Best Practices:**\n- Minimum 44×44px touch target (mobile)\n- Clear, action-oriented labels (\"Save Changes\" not \"OK\")\n- Loading state for async actions\n- Icon + text for clarity\n\n### Forms\n\n**Input Fields:**\n- Clear labels above fields\n- Placeholders as hints, not labels\n- Visible focus states\n- Inline validation\n- Error messages near field\n- Success states\n\n**Field Sizing:**\n- Single line: 40-48px height\n- Text area: 80-120px min height\n- Width matches expected input length\n\n**Form Layout:**\n- Single column for simplicity\n- Group related fields\n- Progressive disclosure (show complexity as needed)\n- Save button at bottom, clear\u002Fcancel secondary\n\n**Best Practices:**\nSee [references\u002Fforms.md](references\u002Fforms.md) for validation patterns and accessibility\n\n### Cards\n\n**Anatomy:**\n- Border radius: 8-12px (modern), 0px (brutalist)\n- Padding: 16-24px\n- Shadow: Subtle, 1-2 layers max\n- Background: Slightly elevated from page\n\n**Types:**\n- **Flat:** No shadow, border only\n- **Elevated:** Subtle shadow\n- **Interactive:** Hover lift, clickable\n- **Glassmorphic:** Blur + transparency\n\n**Content:**\n- Image\u002Ficon at top (optional)\n- Title (heading level)\n- Description\u002Fbody\n- Actions at bottom\n\n### Navigation\n\n**Patterns:**\n- **Top Nav:** Global, persistent (web)\n- **Tab Bar:** 3-5 primary sections (mobile)\n- **Sidebar:** Complex apps, collapsible (desktop)\n- **Hamburger:** Mobile fallback, avoid if possible\n- **Breadcrumbs:** Hierarchical location\n\n**Mobile Navigation:**\n- Bottom tab bar (thumb-friendly)\n- Burger menu for overflow\n- Sticky header with back button\n\n**Desktop Navigation:**\n- Top bar or sidebar\n- Dropdown menus for hierarchy\n- Search prominent\n\nSee [references\u002Fnavigation-patterns.md](references\u002Fnavigation-patterns.md)\n\n## Animation & Motion\n\n**Durations:**\n- **Quick:** 100-200ms (button press, hover)\n- **Standard:** 200-400ms (transitions, sheets)\n- **Slow:** 400-600ms (page transitions, complex)\n\n**Easing Functions:**\n- **ease-out:** Most animations (starts fast, ends slow)\n- **ease-in:** Exits (starts slow, accelerates)\n- **ease-in-out:** Balanced (smooth start and end)\n- **spring:** Natural, playful (CSS or JS springs)\n\n**Animation Principles:**\n1. **Anticipation:** Hint at upcoming change\n2. **Follow-through:** Motion completes naturally\n3. **Continuity:** Elements smoothly transition\n4. **Responsive:** Immediate feedback to interaction\n\n**Micro-interactions:**\n```\nbutton: 150ms [scale: 1→0.95→1] (press)\nhover: 200ms [translateY: 0→-2px] + shadow↗\nfadeIn: 400ms [opacity: 0→1, translateY: 20→0]\nslideIn: 300ms [translateX: -100%→0]\n```\n\n**Reduce Motion:**\n- Provide crossfade alternative\n- Respect `prefers-reduced-motion`\n- Essential animations only\n\nSee [references\u002Fanimation-guide.md](references\u002Fanimation-guide.md) for complete animation patterns\n\n## Modern Design Trends\n\n### Dark Mode\n\n**Design Strategy:**\n- Test both modes simultaneously\n- Use semantic colors (auto-adapt)\n- Elevate surfaces with subtle lightening\n- Avoid pure black (#000), use dark grays\n\n**Color Mapping:**\n```css\n\u002F* Light mode *\u002F\n--background: oklch(1 0 0);\n--surface: oklch(0.98 0 0);\n--text: oklch(0.15 0 0);\n\n\u002F* Dark mode *\u002F\n--background: oklch(0.145 0 0);\n--surface: oklch(0.205 0 0);\n--text: oklch(0.985 0 0);\n```\n\nSee [references\u002Fdark-mode.md](references\u002Fdark-mode.md)\n\n### Glassmorphism\n\n**Recipe:**\n```css\n.glass {\n  background: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);\n}\n```\n\n**When to use:**\n- Overlays (modals, tooltips)\n- Navigation bars\n- Cards on rich backgrounds\n- Modern, premium feel\n\n**Avoid:**\n- Overuse (becomes gimmicky)\n- Performance-sensitive contexts\n- Insufficient browser support\n\n### Neo-Brutalism\n\n**Characteristics:**\n- Harsh shadows (4px 4px 0 black)\n- Bold, saturated colors\n- Black borders (2-3px)\n- Zero border radius\n- Raw, unpolished aesthetic\n\n**When to use:**\n- Playful, creative brands\n- Youth-targeted products\n- Art\u002Fdesign portfolios\n- Standing out from \"clean\" minimalism\n\nSee [references\u002Fdesign-trends.md](references\u002Fdesign-trends.md) for more trends\n\n## Responsive Design\n\n**Breakpoints:**\n```\nMobile:    \u003C 640px\nTablet:    640px - 1024px\nDesktop:   1024px - 1440px\nWide:      > 1440px\n```\n\n**Mobile-First Strategy:**\n```css\n\u002F* Base: Mobile *\u002F\n.container { padding: 16px; }\n\n\u002F* Tablet *\u002F\n@media (min-width: 640px) {\n  .container { padding: 24px; }\n}\n\n\u002F* Desktop *\u002F\n@media (min-width: 1024px) {\n  .container { \n    padding: 32px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n}\n```\n\n**Responsive Patterns:**\n- **Stack → Sidebar:** Single column mobile, sidebar desktop\n- **Grid Columns:** 1 → 2 → 3 → 4 columns\n- **Hide\u002FShow:** Progressive disclosure\n- **Reorder:** Priority changes by screen size\n\nSee [references\u002Fresponsive-design.md](references\u002Fresponsive-design.md)\n\n## Accessibility\n\n### WCAG Compliance\n\n**Level AA (Minimum):**\n- ✅ 4.5:1 contrast for normal text\n- ✅ 3:1 contrast for large text (18pt+)\n- ✅ Keyboard navigable\n- ✅ Focus indicators visible\n- ✅ Alt text for images\n- ✅ Form labels present\n\n**Level AAA (Ideal):**\n- ✅ 7:1 contrast for normal text\n- ✅ 4.5:1 contrast for large text\n- ✅ No audio-only content\n- ✅ Enhanced focus indicators\n\n### Screen Readers\n\n**Best Practices:**\n- Semantic HTML (`\u003Cnav>`, `\u003Cmain>`, `\u003Carticle>`)\n- ARIA labels when needed (`aria-label`, `aria-labelledby`)\n- Logical heading hierarchy (h1 → h2 → h3)\n- Skip navigation links\n- Announce dynamic content (`aria-live`)\n\n### Keyboard Navigation\n\n**Essential:**\n- Tab order is logical\n- Focus visible (outline or custom)\n- Enter activates buttons\u002Flinks\n- Escape closes modals\n- Arrow keys for lists\u002Fmenus\n\n### Motion & Animation\n\n- Respect `prefers-reduced-motion`\n- Provide static alternatives\n- No auto-playing videos\n- Pause\u002Fstop controls available\n\nSee [references\u002Faccessibility.md](references\u002Faccessibility.md) for complete WCAG checklist\n\n## Design Tools & Resources\n\n### Design Systems\n- **Material Design** (Google)\n- **Human Interface Guidelines** (Apple)\n- **Fluent Design** (Microsoft)\n- **Lightning Design** (Salesforce)\n- **Carbon** (IBM)\n\n### Icon Libraries\n- **SF Symbols** (Apple, 6000+ icons)\n- **Lucide** (Open source, clean)\n- **Heroicons** (Tailwind team)\n- **Phosphor** (Flexible weights)\n- **Feather** (Simple, minimal)\n\n### Color Tools\n- **oklch.com** - Modern color picker\n- **coolors.co** - Palette generator\n- **contrast-ratio.com** - WCAG checker\n- **color.adobe.com** - Adobe Color\n\n### Typography Tools\n- **Google Fonts** - Free web fonts\n- **fonts.google.com** - Browse and pair\n- **fontpair.co** - Pairing suggestions\n- **typ.io** - Typography inspiration\n\n### Component Libraries\n- **Tailwind CSS** (utility-first)\n- **shadcn\u002Fui** (copy-paste components)\n- **Flowbite** (Tailwind components)\n- **Radix UI** (headless primitives)\n- **Chakra UI** (accessible React)\n\nSee [references\u002Ftools-resources.md](references\u002Ftools-resources.md) for comprehensive list\n\n## Design Workflow\n\n### 1. Research & Discovery\n- Understand user needs\n- Study competitors\n- Define core user flows\n- Identify constraints\n\n### 2. Wireframing\n**ASCII Wireframes:**\n```\n┌─────────────────────────────────────┐\n│         HEADER \u002F NAV BAR            │\n├─────────────────────────────────────┤\n│                                     │\n│            HERO SECTION             │\n│         (Title + CTA)               │\n│                                     │\n├─────────────────────────────────────┤\n│   FEATURE   │  FEATURE  │  FEATURE  │\n│     CARD    │   CARD    │   CARD    │\n├─────────────────────────────────────┤\n│            FOOTER                   │\n└─────────────────────────────────────┘\n```\n\n### 3. Visual Design\n- Define theme (colors, fonts, spacing)\n- Design key screens\n- Create component library\n- Build design system\n\n### 4. Prototyping\n- Interactive mockups\n- User testing\n- Iterate based on feedback\n\n### 5. Implementation\n- Responsive development\n- Accessibility testing\n- Performance optimization\n- Cross-browser testing\n\nSee [references\u002Fdesign-workflow.md](references\u002Fdesign-workflow.md) for detailed process\n\n## Platform-Specific Resources\n\n### Apple Platforms\n- [Apple HIG Complete Guide](references\u002Fapple-platforms.md)\n- [iOS Patterns](references\u002Fapple-ios.md)\n- [macOS Patterns](references\u002Fapple-macos.md)\n- [watchOS Patterns](references\u002Fapple-watchos.md)\n- [SF Symbols Guide](references\u002Fsf-symbols.md)\n\n### Web Design\n- [Modern Web Patterns](references\u002Fweb-design.md)\n- [CSS Architecture](references\u002Fcss-patterns.md)\n- [JavaScript Interactions](references\u002Fjs-interactions.md)\n- [Performance Optimization](references\u002Fweb-performance.md)\n\n### Mobile Web & PWA\n- [Responsive Patterns](references\u002Fresponsive-design.md)\n- [Touch Interactions](references\u002Ftouch-patterns.md)\n- [PWA Best Practices](references\u002Fpwa-guide.md)\n\n## Quick Decision Guide\n\n**Choosing Colors?**\n→ [references\u002Fcolor-systems.md](references\u002Fcolor-systems.md)\n\n**Designing Forms?**\n→ [references\u002Fforms.md](references\u002Fforms.md)\n\n**Need Navigation Pattern?**\n→ [references\u002Fnavigation-patterns.md](references\u002Fnavigation-patterns.md)\n\n**Building for iOS?**\n→ [references\u002Fapple-platforms.md](references\u002Fapple-platforms.md)\n\n**Creating Animations?**\n→ [references\u002Fanimation-guide.md](references\u002Fanimation-guide.md)\n\n**Accessibility Questions?**\n→ [references\u002Faccessibility.md](references\u002Faccessibility.md)\n\n**Responsive Layout?**\n→ [references\u002Fresponsive-design.md](references\u002Fresponsive-design.md)\n\n---\n\n## Design Checklist\n\n✅ **Visual Hierarchy**\n- Most important elements are prominent\n- Related items are grouped\n- White space creates breathing room\n\n✅ **Consistency**\n- Components look and behave similarly\n- Terminology is uniform throughout\n- Visual language is coherent\n\n✅ **Feedback**\n- Actions have immediate response\n- Loading states are clear\n- Errors are helpful and actionable\n\n✅ **Accessibility**\n- Keyboard navigable\n- Screen reader friendly\n- Sufficient color contrast\n- Respects user preferences\n\n✅ **Performance**\n- Fast load times (\u003C3s)\n- Smooth animations (60fps)\n- Optimized images\n- Minimal layout shifts\n\n✅ **Responsive**\n- Works on all screen sizes\n- Touch-friendly (44px targets)\n- Adapts content intelligently\n\n✅ **Platform Native**\n- Follows platform conventions\n- Uses native components when possible\n- Respects system settings\n\n---\n\n*The ultimate UI\u002FUX design reference combining Apple HIG, modern web design, and universal UX principles.*\n",{"name":5,"description":7},"main","e7e336ac628c3e3bd771aff1aaa469c93778f94a","skills\u002Fkdbhalala\u002Fui-ux-master",0,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del","2026-08-23 22:39:37",{"source":8,"skillName":5,"commands":64,"prompt":74,"zipAvailable":75},[65,68,71],{"tool":66,"command":67},"npx","npx skills add kbarbel640-del\u002Fskills --skill ui-ux-master",{"tool":69,"command":70},"bunx","bunx skills add kbarbel640-del\u002Fskills --skill ui-ux-master",{"tool":72,"command":73},"pnpm","pnpm dlx skills add kbarbel640-del\u002Fskills --skill ui-ux-master","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002FSKILL.md",true,[77,83,87,91,95,99,103,107,111,115,119,123,127,131,135,138],{"path":78,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":81,"sourceHtmlUrl":82},"_meta.json","REFERENCE","参考文档",279,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002F_meta.json",{"path":84,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":85,"sourceHtmlUrl":86},"references\u002Faccessibility.md",1081,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Faccessibility.md",{"path":88,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":89,"sourceHtmlUrl":90},"references\u002Fanimation-guide.md",172,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fanimation-guide.md",{"path":92,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":93,"sourceHtmlUrl":94},"references\u002Fapple-ios.md",10072,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fapple-ios.md",{"path":96,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":97,"sourceHtmlUrl":98},"references\u002Fapple-macos.md",8221,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fapple-macos.md",{"path":100,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":101,"sourceHtmlUrl":102},"references\u002Fapple-platforms.md",10318,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fapple-platforms.md",{"path":104,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":105,"sourceHtmlUrl":106},"references\u002Fapple-watchos.md",1028,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fapple-watchos.md",{"path":108,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":109,"sourceHtmlUrl":110},"references\u002Fcolor-systems.md",7136,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fcolor-systems.md",{"path":112,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":113,"sourceHtmlUrl":114},"references\u002Fdark-mode.md",106,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fdark-mode.md",{"path":116,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":117,"sourceHtmlUrl":118},"references\u002Fdesign-trends.md",102,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fdesign-trends.md",{"path":120,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":121,"sourceHtmlUrl":122},"references\u002Fforms.md",114,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fforms.md",{"path":124,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":125,"sourceHtmlUrl":126},"references\u002Flayout-patterns.md",110,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Flayout-patterns.md",{"path":128,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":129,"sourceHtmlUrl":130},"references\u002Fnavigation-patterns.md",123,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fnavigation-patterns.md",{"path":132,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":133,"sourceHtmlUrl":134},"references\u002Fresponsive-design.md",166,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fresponsive-design.md",{"path":136,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":117,"sourceHtmlUrl":137},"references\u002Ftypography.md","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Ftypography.md",{"path":139,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":140,"sourceHtmlUrl":141},"references\u002Fweb-design.md",6527,"https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fkdbhalala\u002Fui-ux-master\u002Freferences\u002Fweb-design.md",[143,172,195,216,222,242],{"skillNo":144,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":147,"categories":148,"keywords":152,"publishedAt":51},"01M6G8J55967D6281ACMKAKTEQ","crowd-prompting","A marketplace where AI agents improve prompts, system instructions, tool descriptions, and other text-based content with domain expertise from real-world operations — and earn tokens for valuable contributions.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzzadrian\u002Fcrowd-prompting\u002FSKILL.md",[149],{"categoryNo":150,"categoryName":151,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000036","内容创作者",[153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171],"crowd prompting","prompting","api","with","tokens","domain","world","prompts","operations","instructions","text","tool","system","improve","productivity","marketplace","https","content","ai agents",{"skillNo":173,"name":174,"nameZh":6,"description":175,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":176,"categories":177,"keywords":179,"publishedAt":51},"01M6G8J0PKPAYVET6BWE8W4C26","dilemm-ai","Compete in DilemmAI, the prisoner's dilemma AI arena at dilemm.ai. Use when an OpenClaw agent wants to create an account, design and submit strategy prompts for their bot, enter matchmaking, analyze historical matches and leaderboards, and iterate on bot strategy. Requires headless browser automation (no API available yet).","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzyori\u002Fdilemm-ai\u002FSKILL.md",[178],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[180,155,181,182,183,184,185,186,187,188,189,44,190,191,192,193,194,160,45],"dilemm ai","arena","analyze","browser","openclaw agent","create","automation","browser automation","bot","openclaw","strategy","headless","compete","submit","matchmaking",{"skillNo":196,"name":197,"nameZh":6,"description":198,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":199,"categories":200,"keywords":204,"publishedAt":51},"01M6G8HWAF3K9SW7NP3Z83CPJ6","arxiv-paper-reviews","Interact with arXiv Crawler API to fetch papers, read reviews, and submit comments. Use when working with arXiv papers, fetching paper lists by date\u002Fcategory\u002Finterest, viewing paper details with comments, or submitting paper reviews via API at http:\u002F\u002F150.158.152.82:8000.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzxrys\u002Fweak-accept\u002FSKILL.md",[201],{"categoryNo":202,"categoryName":203,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000021","资料检索与研究",[205,206,207,208,209,210,211,156,212,193,45,213,155,214,215],"arxiv paper reviews","reviews","arxiv","paper","crawler","papers","comments","fetch","read","http","via",{"skillNo":217,"name":197,"nameZh":6,"description":198,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":218,"categories":219,"keywords":221,"publishedAt":51},"01M6G8HQJ7N7WMY6YV7D7SSJ16","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzxrys\u002Farxiv-paper-reviews\u002FSKILL.md",[220],{"categoryNo":202,"categoryName":203,"taxonomyType":20,"taxonomyTypeDesc":21},[208,207,206,205,215,210,211,156,209,193,45,212,213,155,214],{"skillNo":223,"name":224,"nameZh":6,"description":225,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":226,"categories":227,"keywords":228,"publishedAt":51},"01M6G8HM95Y64JNVFC2HN4E2BG","git-summary","Get a quick summary of the current Git repository including status, recent commits, branches, and contributors.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzweack\u002Fgit-summary\u002FSKILL.md",[],[229,230,231,232,233,234,235,236,237,238,239,240,241],"git","summary","git summary","commits","repository","win32","status","linux","contributors","true","quick","get","branches",{"skillNo":243,"name":244,"nameZh":6,"description":245,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":246,"categories":247,"keywords":252,"publishedAt":51},"01M6G8HGEGF05CNEJCGVYFSC4R","agent-constitution","Interact with AgentConstitution governance contracts on Base Sepolia. Check compliance, read rules, log actions, query governance state.","https:\u002F\u002Fgithub.com\u002Fkbarbel640-del\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fztsalexey\u002Fagent-constitution\u002FSKILL.md",[248,249],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":250,"categoryName":251,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000037","律师与法务",[253,254,255,256,156,257,258,56,259,213,260,261,262,263,264,169,265,266,267],"agent constitution","constitution","contracts","tree","query","base","log","check","Rules","projects","compliance","actions","state","governance","github"]