{
 "updated": "2026-10-15 15:17 UTC",
 "workflow": [
  "Read the brief and pick ONE direction skill (frontend-design or taste-skill)",
  "Search api/resources.json for components matching style (vs) and kind (ct)",
  "Build with emil-design-eng for motion/interaction details",
  "Audit with impeccable + baseline-ui + web-design-guidelines + accessibility",
  "Verify in a real browser (playwright-cli / webapp-testing), light+dark, mobile"
 ],
 "agent_skills": [
  {
   "id": "accessibility",
   "description": "Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to \"improve accessibility\", \"a11y audit\", \"WCAG compliance\", \"screen reader support\", \"keyboard navigation\", or \"make accessible\".",
   "category": "design",
   "upstream": null
  },
  {
   "id": "api-design-principles",
   "description": "Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "architecture-patterns",
   "description": "Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design. Use this skill when designing clean architecture for a new microservice, when refactoring a monolith to use bounded contexts, when implementing hexagonal or onion architecture patterns, or when debugging dependency cycles between application layers.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "baseline-ui",
   "description": "Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.",
   "category": "design",
   "upstream": null
  },
  {
   "id": "composition-patterns",
   "description": "React composition patterns that scale. Use when refactoring components with",
   "category": "engineering-ui",
   "upstream": null
  },
  {
   "id": "deploy-to-vercel",
   "description": "Deploy applications and websites to Vercel. Use when the user requests deployment actions like \"deploy my app\", \"deploy and give me the link\", \"push this live\", or \"create a preview deployment\".",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "emil-design-eng",
   "description": "This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.",
   "category": "design",
   "upstream": null
  },
  {
   "id": "fastapi-templates",
   "description": "Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "frontend-design",
   "description": "Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.",
   "category": "design",
   "upstream": "https://github.com/anthropics/skills"
  },
  {
   "id": "github-actions-templates",
   "description": "Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications. Use when setting up CI/CD with GitHub Actions, automating development workflows, or creating reusable workflow templates.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "impeccable",
   "description": "Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, acc",
   "category": "design",
   "upstream": "https://github.com/pbakaus/impeccable"
  },
  {
   "id": "iterate-until-verified",
   "description": "Apply a prompt-agnostic execution and verification loop to any substantial task while preserving the original request. Use when the user asks to fan out work, use subagents or independent reviewers, loop until done, benchmark against references, apply a harsh critic, compare candidates blind, improve an existing prompt with verification, or continue until explicit quality gates pass.",
   "category": "engineering-ui",
   "upstream": null
  },
  {
   "id": "javascript-testing-patterns",
   "description": "Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit tests, integration tests, and end-to-end testing with mocking, fixtures, and test-driven development. Use when writing JavaScript/TypeScript tests, setting up test infrastructure, or implementing TDD/BDD workflows.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "mcp-builder",
   "description": "Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).",
   "category": "engineering",
   "upstream": "https://github.com/anthropics/skills"
  },
  {
   "id": "nodejs-backend-patterns",
   "description": "Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, GraphQL backends, or microservices architectures.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "performance",
   "description": "Optimize web performance for faster loading and better user experience. Use when asked to \"speed up my site\", \"optimize performance\", \"reduce load time\", \"fix slow loading\", \"improve page speed\", or \"performance audit\".",
   "category": "engineering-ui",
   "upstream": null
  },
  {
   "id": "playwright-cli",
   "description": "Automate browser interactions, test web pages and work with Playwright tests.",
   "category": "engineering-ui",
   "upstream": null
  },
  {
   "id": "postgresql-table-design",
   "description": "Use this skill when designing or reviewing a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "rag-implementation",
   "description": "Build Retrieval-Augmented Generation (RAG) systems for LLM applications with vector databases and semantic search. Use when implementing knowledge-grounded AI, building document Q&A systems, or integrating LLMs with external knowledge bases.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "react-best-practices",
   "description": "React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.",
   "category": "engineering-ui",
   "upstream": null
  },
  {
   "id": "redesign-skill",
   "description": "Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.",
   "category": "design",
   "upstream": null
  },
  {
   "id": "secrets-management",
   "description": "Implement secure secrets management for CI/CD pipelines using Vault, AWS Secrets Manager, or native platform solutions. Use when handling sensitive credentials, rotating secrets, or securing CI/CD environments.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "stripe-integration",
   "description": "Implement Stripe payment processing for robust, PCI-compliant payment flows including checkout, subscriptions, and webhooks. Use when integrating Stripe payments, building subscription systems, or implementing secure checkout flows.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "taste-skill",
   "description": "Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.",
   "category": "design",
   "upstream": "https://github.com/Leonxlnx/taste-skill"
  },
  {
   "id": "typescript-advanced-types",
   "description": "Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.",
   "category": "engineering",
   "upstream": null
  },
  {
   "id": "web-design-guidelines",
   "description": "Review UI code for Web Interface Guidelines compliance. Use when asked to \"review my UI\", \"check accessibility\", \"audit design\", \"review UX\", or \"check my site against best practices\".",
   "category": "design",
   "upstream": null
  },
  {
   "id": "web-quality-audit",
   "description": "Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to \"audit my site\", \"review web quality\", \"run lighthouse audit\", \"check page quality\", or \"optimize my website\".",
   "category": "design",
   "upstream": null
  },
  {
   "id": "webapp-testing",
   "description": "Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.",
   "category": "engineering-ui",
   "upstream": "https://github.com/anthropics/skills"
  },
  {
   "id": "workflow-ship-change",
   "description": "Ship every change the way the user requires, with the guardrails. Take screenshots of the start, the key moment and the result; give the change its own changelog version with pictures; verify with tests; commit only your own files; merge with the latest main and push as a fast-forward; publish that exact main live; confirm each step; and report measured sizes, asking before any upload over 50 MB. ",
   "category": "engineering",
   "upstream": null
  }
 ],
 "hub_skill_entries": [
  {
   "id": "ued-figma-mcp-guide",
   "name": "Figma MCP Server Guide（含官方 Skills）",
   "url": "https://github.com/figma/mcp-server-guide",
   "note": "Figma 官方 MCP 配置指南，含 figma-create-design-system-rules 等 Skill，可为 CLAUDE.md、AGENTS.md、.cursor/rules 生成设计规范"
  },
  {
   "id": "ued-impeccable-style",
   "name": "Impeccable",
   "url": "https://impeccable.style",
   "note": "3 万多星的设计 Skill：20 多条设计命令，加 UI 审查和 AI slop 反模式检测；官网可在线看效果和命令说明"
  },
  {
   "id": "ued-taste-skill-repo",
   "name": "Taste Skill（13 个子 Skill 全集）",
   "url": "https://github.com/Leonxlnx/taste-skill",
   "note": "8 万多星的「反 AI 味」Skill 合集，共 13 个：管排版、留白、圆角、动效强度，还能审查已有页面；官网 tasteskill.dev"
  },
  {
   "id": "ued-bencium-design",
   "name": "bencium Claude Code Design Skill",
   "url": "https://github.com/bencium/bencium-claude-code-design-skill",
   "note": "社区评价「最完整的 UX 设计 Skill 之一」，偏 UX 流程和可用性"
  },
  {
   "id": "ued-vercel-agent-skills",
   "name": "Vercel agent-skills（web-design-guidelines）",
   "url": "https://github.com/vercel-labs/agent-skills",
   "note": "Vercel 官方：按 100 多条界面规范审查 UI 代码，覆盖无障碍、焦点、表单、动效、排版、暗色、i18n"
  },
  {
   "id": "ued-shadcn-skills-docs",
   "name": "shadcn/ui 官方 Skill",
   "url": "https://ui.shadcn.com/docs/skills",
   "note": "读 components.json，按 shadcn 的组合规则和语义色写组件，减少 AI 乱拼"
  },
  {
   "id": "ued-antd-for-agents",
   "name": "Ant Design for Agents（MCP + Skill）",
   "url": "https://ant-design.antgroup.com/docs/react/for-agents",
   "note": "蚂蚁官方：antd mcp、antd setup --client cursor/claude/codex，一条命令装好 MCP 和 Skill"
  },
  {
   "id": "ued-gsap-skills",
   "name": "GSAP 官方 Skills",
   "url": "https://github.com/greensock/gsap-skills",
   "note": "GreenSock 官方动效 Skill：时间轴、ScrollTrigger、React 清理，Cursor / Claude / Codex 都能用"
  },
  {
   "id": "ued-addy-agent-skills",
   "name": "addyosmani/agent-skills",
   "url": "https://github.com/addyosmani/agent-skills",
   "note": "Addy Osmani 的工程 Skill 集，含前端性能和质量类"
  },
  {
   "id": "ued-openai-plugins",
   "name": "openai/plugins",
   "url": "https://github.com/openai/plugins",
   "note": "OpenAI 官方 Codex 插件和 Skill 仓库，里面有设计、Figma 相关插件"
  },
  {
   "id": "ued-oil-frontend",
   "name": "Oil Frontend（中文前端规范 Skill）",
   "url": "https://github.com/oil-oil/oil-frontend",
   "note": "中文作者写的前端规范 Skill：组件、函数、架构，加基础 UI/UX，适合不熟前端规范的人"
  },
  {
   "id": "ued-stitch-skills",
   "name": "google-labs-code/stitch-skills",
   "url": "https://github.com/google-labs-code/stitch-skills",
   "note": "Stitch 官方 Agent Skills"
  },
  {
   "id": "ued-nothing-design-skill",
   "name": "Nothing Design Skill",
   "url": "https://github.com/dominikmartn/nothing-design-skill",
   "note": "Nothing 风黑白工业感设计系统 Skill，支持 HTML / SwiftUI / React"
  },
  {
   "id": "ued-no-slop-ui",
   "name": "no-slop-ui",
   "url": "https://github.com/LeoStehlik/no-slop-ui",
   "note": "设计规则 + UI 扫描器，防止玻璃拟态和渐变滥用"
  },
  {
   "id": "ued-avoid-ai-design",
   "name": "avoid-ai-design",
   "url": "https://github.com/funboy322/avoid-ai-design",
   "note": "避开 AI 模板化设计的规则集"
  },
  {
   "id": "ued-anti-slop",
   "name": "anti-slop",
   "url": "https://github.com/miqdadbadjuber/anti-slop",
   "note": "反 AI slop 设计 Skill"
  },
  {
   "id": "ued-netxeo-skill-design",
   "name": "Netxeo skill-file-design",
   "url": "https://github.com/Netxeo/skill-file-design",
   "note": "设计规则 Skill 文件模板"
  },
  {
   "id": "ued-grubby-design-guide",
   "name": "design-guide（GrubbyLee）",
   "url": "https://github.com/GrubbyLee/design-guide",
   "note": "给 Agent 用的设计指南"
  },
  {
   "id": "ued-web-design-skills",
   "name": "web-design-skills",
   "url": "https://github.com/lotfb86/web-design-skills",
   "note": "网页设计 Skill 集"
  },
  {
   "id": "ued-huashu-design",
   "name": "huashu-design（花叔）",
   "url": "https://github.com/alchaincyf/huashu-design",
   "note": "花叔的 HTML 原生设计 Skill：原型、幻灯片、动效、导出 MP4"
  },
  {
   "id": "www-ui-skills-com-skills-anthropics-frontend-design",
   "name": "frontend-design（Anthropic）",
   "url": "https://www.ui-skills.com/skills/anthropics/frontend-design",
   "note": "Anthropic 官方的前端设计技能"
  },
  {
   "id": "www-ui-skills-com-skills-emilkowalski-apple-design",
   "name": "apple-design（Emil Kowalski）",
   "url": "https://www.ui-skills.com/skills/emilkowalski/apple-design",
   "note": "苹果风格设计"
  },
  {
   "id": "www-ui-skills-com-skills-mengto-beautiful-shadows",
   "name": "beautiful-shadows（Meng To）",
   "url": "https://www.ui-skills.com/skills/mengto/beautiful-shadows",
   "note": "好看的阴影"
  },
  {
   "id": "www-ui-skills-com-skills-addyosmani-accessibility",
   "name": "accessibility（Addy Osmani）",
   "url": "https://www.ui-skills.com/skills/addyosmani/accessibility",
   "note": "无障碍设计"
  },
  {
   "id": "www-ui-skills-com-skills-superfuture-design-review",
   "name": "design-review（superfuture）",
   "url": "https://www.ui-skills.com/skills/superfuture/design-review",
   "note": "设计走查"
  },
  {
   "id": "www-ui-skills-com-skills-emilkowalski-emil-design-eng",
   "name": "emil-design-eng（Emil Kowalski）",
   "url": "https://www.ui-skills.com/skills/emilkowalski/emil-design-eng",
   "note": "设计工程细节"
  },
  {
   "id": "www-ui-skills-com-skills-shadcn-ui-shadcn",
   "name": "shadcn（shadcn-ui）",
   "url": "https://www.ui-skills.com/skills/shadcn-ui/shadcn",
   "note": "正确使用 shadcn 组件"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-adapt",
   "name": "adapt（Paul Bakaus）",
   "url": "https://www.ui-skills.com/skills/pbakaus/adapt",
   "note": "响应式适配"
  },
  {
   "id": "www-ui-skills-com-skills-jakubkrehel-better-interface",
   "name": "better-interface（Jakub Krehel）",
   "url": "https://www.ui-skills.com/skills/jakubkrehel/better-interface",
   "note": "界面细节打磨"
  },
  {
   "id": "www-ui-skills-com-skills-wshobson-interaction-design",
   "name": "interaction-design（wshobson）",
   "url": "https://www.ui-skills.com/skills/wshobson/interaction-design",
   "note": "交互设计"
  },
  {
   "id": "www-ui-skills-com-skills-ibelick-ui-skills-root",
   "name": "ibelick/ui-skills-root",
   "url": "https://www.ui-skills.com/skills/ibelick/ui-skills-root",
   "note": "总入口，按需求自动挑最合适的几个 UI 技能"
  },
  {
   "id": "www-ui-skills-com-skills-ibelick-baseline-ui",
   "name": "ibelick/baseline-ui",
   "url": "https://www.ui-skills.com/skills/ibelick/baseline-ui",
   "note": "快速去掉 AI 味：修间距、层级、字体和小布局问题"
  },
  {
   "id": "www-ui-skills-com-skills-ibelick-improve-ui",
   "name": "ibelick/improve-ui",
   "url": "https://www.ui-skills.com/skills/ibelick/improve-ui",
   "note": "按产品自己的设计规范审查界面，写出修改方案"
  },
  {
   "id": "www-ui-skills-com-skills-ibelick-create-design-md",
   "name": "ibelick/create-design-md",
   "url": "https://www.ui-skills.com/skills/ibelick/create-design-md",
   "note": "从现有产品或网站提取设计规范，生成 DESIGN.md"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-impeccable",
   "name": "pbakaus/impeccable",
   "url": "https://www.ui-skills.com/skills/pbakaus/impeccable",
   "note": "Impeccable 主技能，做不千篇一律的高质量界面"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-polish",
   "name": "pbakaus/polish",
   "url": "https://www.ui-skills.com/skills/pbakaus/polish",
   "note": "上线前最后一遍对齐、间距、一致性打磨"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-critique",
   "name": "pbakaus/critique",
   "url": "https://www.ui-skills.com/skills/pbakaus/critique",
   "note": "给设计打分，按用户角色检查并给出修改建议"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-bolder",
   "name": "pbakaus/bolder",
   "url": "https://www.ui-skills.com/skills/pbakaus/bolder",
   "note": "界面太平淡时加强视觉冲击和个性"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-quieter",
   "name": "pbakaus/quieter",
   "url": "https://www.ui-skills.com/skills/pbakaus/quieter",
   "note": "界面太花时降噪，保留层级"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-delight",
   "name": "pbakaus/delight",
   "url": "https://www.ui-skills.com/skills/pbakaus/delight",
   "note": "加有记忆点的小交互和情绪细节"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-harden",
   "name": "pbakaus/harden",
   "url": "https://www.ui-skills.com/skills/pbakaus/harden",
   "note": "补齐空状态、报错、引导、多语言等边界情况"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-shape",
   "name": "pbakaus/shape",
   "url": "https://www.ui-skills.com/skills/pbakaus/shape",
   "note": "写代码前先做设计访谈，产出设计简报（适合产品经理）"
  },
  {
   "id": "www-ui-skills-com-skills-pbakaus-overdrive",
   "name": "pbakaus/overdrive",
   "url": "https://www.ui-skills.com/skills/pbakaus/overdrive",
   "note": "往高冲击力走：高级动效、着色器"
  },
  {
   "id": "www-ui-skills-com-skills-leonxlnx-taste-skill",
   "name": "leonxlnx/taste-skill",
   "url": "https://www.ui-skills.com/skills/leonxlnx/taste-skill",
   "note": "资深 UI 审美约束，专门防 AI 套路化设计"
  },
  {
   "id": "www-ui-skills-com-skills-leonxlnx-redesign-skill",
   "name": "leonxlnx/redesign-skill",
   "url": "https://www.ui-skills.com/skills/leonxlnx/redesign-skill",
   "note": "在不改功能的前提下把现有界面升级到高级感"
  },
  {
   "id": "www-ui-skills-com-skills-leonxlnx-soft-skill",
   "name": "leonxlnx/soft-skill",
   "url": "https://www.ui-skills.com/skills/leonxlnx/soft-skill",
   "note": "高端柔和风：字体、留白、层次、动效"
  },
  {
   "id": "www-ui-skills-com-skills-leonxlnx-minimalist-skill",
   "name": "leonxlnx/minimalist-skill",
   "url": "https://www.ui-skills.com/skills/leonxlnx/minimalist-skill",
   "note": "编辑感极简风，黑白配色"
  },
  {
   "id": "www-ui-skills-com-skills-leonxlnx-stitch-skill",
   "name": "leonxlnx/stitch-skill",
   "url": "https://www.ui-skills.com/skills/leonxlnx/stitch-skill",
   "note": "配合 Google Stitch 生成不套路的设计"
  },
  {
   "id": "www-ui-skills-com-skills-nextlevelbuilder-ui-ux-pro-max",
   "name": "nextlevelbuilder/ui-ux-pro-max",
   "url": "https://www.ui-skills.com/skills/nextlevelbuilder/ui-ux-pro-max",
   "note": "50 多种风格、97 套配色、9 种技术栈的设计知识库"
  },
  {
   "id": "www-ui-skills-com-skills-jakubkrehel-make-interfaces-feel-be",
   "name": "jakubkrehel/make-interfaces-feel-better",
   "url": "https://www.ui-skills.com/skills/jakubkrehel/make-interfaces-feel-better",
   "note": "让界面更精致：微交互、字体、细节"
  },
  {
   "id": "www-ui-skills-com-skills-jakubkrehel-better-typography",
   "name": "jakubkrehel/better-typography",
   "url": "https://www.ui-skills.com/skills/jakubkrehel/better-typography",
   "note": "字体选择、搭配、行距和换行"
  },
  {
   "id": "www-ui-skills-com-skills-jakubkrehel-better-colors",
   "name": "jakubkrehel/better-colors",
   "url": "https://www.ui-skills.com/skills/jakubkrehel/better-colors",
   "note": "用 OKLCH 生成配色、查对比度"
  },
  {
   "id": "www-ui-skills-com-skills-emilkowalski-animate",
   "name": "emilkowalski/animate",
   "url": "https://www.ui-skills.com/skills/emilkowalski/animate",
   "note": "从零做动画，按正确顺序决定要不要动、怎么动"
  },
  {
   "id": "www-ui-skills-com-skills-emilkowalski-review-animations",
   "name": "emilkowalski/review-animations",
   "url": "https://www.ui-skills.com/skills/emilkowalski/review-animations",
   "note": "审查动画的时机、节奏和一致性"
  },
  {
   "id": "www-ui-skills-com-skills-raphaelsalaja-12-principles-of-anim",
   "name": "raphaelsalaja/12-principles-of-animation",
   "url": "https://www.ui-skills.com/skills/raphaelsalaja/12-principles-of-animation",
   "note": "把迪士尼动画 12 原则用到网页上"
  },
  {
   "id": "www-ui-skills-com-skills-raphaelsalaja-to-spring-or-not-to-s",
   "name": "raphaelsalaja/to-spring-or-not-to-spring",
   "url": "https://www.ui-skills.com/skills/raphaelsalaja/to-spring-or-not-to-spring",
   "note": "判断该用弹簧动画还是缓动曲线"
  },
  {
   "id": "www-ui-skills-com-skills-raphaelsalaja-morphing-icons",
   "name": "raphaelsalaja/morphing-icons",
   "url": "https://www.ui-skills.com/skills/raphaelsalaja/morphing-icons",
   "note": "图标之间平滑变形"
  },
  {
   "id": "www-ui-skills-com-skills-jakubantalik-transitions-dev",
   "name": "jakubantalik/transitions-dev",
   "url": "https://www.ui-skills.com/skills/jakubantalik/transitions-dev",
   "note": "Transitions.dev 作者的过渡动效片段"
  },
  {
   "id": "www-ui-skills-com-skills-jakubantalik-refine-live",
   "name": "jakubantalik/refine-live",
   "url": "https://www.ui-skills.com/skills/jakubantalik/refine-live",
   "note": "实时迭代打磨界面细节"
  },
  {
   "id": "www-ui-skills-com-skills-0xdesign-design-lab",
   "name": "0xdesign/design-lab",
   "url": "https://www.ui-skills.com/skills/0xdesign/design-lab",
   "note": "设计探索流程：访谈、出多个方案、按反馈迭代"
  },
  {
   "id": "www-ui-skills-com-skills-dammyjay93-interface-design",
   "name": "dammyjay93/interface-design",
   "url": "https://www.ui-skills.com/skills/dammyjay93/interface-design",
   "note": "专攻后台、仪表盘、SaaS 界面"
  },
  {
   "id": "www-ui-skills-com-skills-rams-rams",
   "name": "rams/rams",
   "url": "https://www.ui-skills.com/skills/rams/rams",
   "note": "实时设计反馈：无障碍、间距、字体、对比度"
  },
  {
   "id": "www-ui-skills-com-skills-vercel-labs-web-design-guidelines",
   "name": "vercel-labs/web-design-guidelines",
   "url": "https://www.ui-skills.com/skills/vercel-labs/web-design-guidelines",
   "note": "按 Vercel 的界面规范审查代码"
  },
  {
   "id": "www-ui-skills-com-skills-anthropics-canvas-design",
   "name": "anthropics/canvas-design",
   "url": "https://www.ui-skills.com/skills/anthropics/canvas-design",
   "note": "Anthropic 官方，生成海报和视觉设计"
  },
  {
   "id": "www-ui-skills-com-skills-zarazhangrui-frontend-slides",
   "name": "zarazhangrui/frontend-slides",
   "url": "https://www.ui-skills.com/skills/zarazhangrui/frontend-slides",
   "note": "把 PPT 转成带动画的网页演示"
  },
  {
   "id": "www-ui-skills-com-skills-jane-xiaoer-web-clone",
   "name": "jane-xiaoer/web-clone",
   "url": "https://www.ui-skills.com/skills/jane-xiaoer/web-clone",
   "note": "中文作者，复刻网站和 WebGL 特效的方法论"
  },
  {
   "id": "www-ui-skills-com-skills-diffusionstudio-text-to-lottie",
   "name": "diffusionstudio/text-to-lottie",
   "url": "https://www.ui-skills.com/skills/diffusionstudio/text-to-lottie",
   "note": "用文字生成 Lottie 动画"
  },
  {
   "id": "libraries-dev-skill-html",
   "name": "Libraries.dev Skill",
   "url": "https://libraries.dev/skill.html",
   "note": "装上后能扫描项目、推荐放液态金属光球等特效的位置；原站另有 Pro 付费版，支持一句话调参数"
  }
 ]
}