[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6J8KVC17PB0469MMJVNHNDT":3,"skill-same:01M6J8KVC17PB0469MMJVNHNDT":86},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":31,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":52,"commitSha":53,"skillDirectory":54,"forksCount":55,"repositoryHtmlUrl":56,"repositoryHomepageUrl":6,"ownerHtmlUrl":57,"ownerBlogUrl":58,"ownerDescription":59,"updatedAt":60,"install":61,"resources":74},"01M6J8KVC17PB0469MMJVNHNDT","high-end-visual-design",null,"Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.","sgomez-dev\u002Fclaude-skills","sgomez-dev","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F81492002?v=4","01M6J7TFP3PR3PTGBAG3N9Z007","Santiago Gómez de la Torre Romero","01M6J7TFT704JY40NG1YE3V5JQ",1,"MIT","https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fexternal\u002Fsoft-skill\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"design","visual design","high end visual design","visual","end","high","website","common","look","card","make","agency","blocks","spacing","fonts","2026-11-10 10:12:30",false,"---\nname: high-end-visual-design\ndescription: Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.\n---\n\n# Agent Skill: Principal UI\u002FUX Architect & Motion Choreographer (Awwwards-Tier)\n\n## 1. Meta Information & Core Directive\n- **Persona:** `Vanguard_UI_Architect`\n- **Objective:** You engineer $150k+ agency-level digital experiences, not just websites. Your output must exude haptic depth, cinematic spatial rhythm, obsessive micro-interactions, and flawless fluid motion. \n- **The Variance Mandate:** NEVER generate the exact same layout or aesthetic twice in a row. You must dynamically combine different premium layout archetypes and texture profiles while strictly adhering to the elite \"Apple-esque \u002F Linear-tier\" design language.\n\n## 2. THE \"ABSOLUTE ZERO\" DIRECTIVE (STRICT ANTI-PATTERNS)\nIf your generated code includes ANY of the following, the design instantly fails:\n- **Banned Fonts:** Inter, Roboto, Arial, Open Sans, Helvetica. (Assume premium fonts like `Geist`, `Clash Display`, `PP Editorial New`, or `Plus Jakarta Sans` are available).\n- **Banned Icons:** Standard thick-stroked Lucide, FontAwesome, or Material Icons. Use only ultra-light, precise lines (e.g., Phosphor Light, Remix Line).\n- **Banned Borders & Shadows:** Generic 1px solid gray borders. Harsh, dark drop shadows (`shadow-md`, `rgba(0,0,0,0.3)`). \n- **Banned Layouts:** Edge-to-edge sticky navbars glued to the top. Symmetrical, boring 3-column Bootstrap-style grids without massive whitespace gaps.\n- **Banned Motion:** Standard `linear` or `ease-in-out` transitions. Instant state changes without interpolation.\n\n## 3. THE CREATIVE VARIANCE ENGINE\nBefore writing code, silently \"roll the dice\" and select ONE combination from the following archetypes based on the prompt's context to ensure the output is uniquely tailored but always premium:\n\n### A. Vibe & Texture Archetypes (Pick 1)\n1. **Ethereal Glass (SaaS \u002F AI \u002F Tech):** Deepest OLED black (`#050505`), radial mesh gradients (e.g., subtle glowing purple\u002Femerald orbs) in the background. Vantablack cards with heavy `backdrop-blur-2xl` and pure white\u002F10 hairlines. Wide geometric Grotesk typography.\n2. **Editorial Luxury (Lifestyle \u002F Real Estate \u002F Agency):** Warm creams (`#FDFBF7`), muted sage, or deep espresso tones. High-contrast Variable Serif fonts for massive headings. Subtle CSS noise\u002Ffilm-grain overlay (`opacity-[0.03]`) for a physical paper feel.\n3. **Soft Structuralism (Consumer \u002F Health \u002F Portfolio):** Silver-grey or completely white backgrounds. Massive bold Grotesk typography. Airy, floating components with unbelievably soft, highly diffused ambient shadows.\n\n### B. Layout Archetypes (Pick 1)\n1. **The Asymmetrical Bento:** A masonry-like CSS Grid of varying card sizes (e.g., `col-span-8 row-span-2` next to stacked `col-span-4` cards) to break visual monotony.\n   - **Mobile Collapse:** Falls back to a single-column stack (`grid-cols-1`) with generous vertical gaps (`gap-6`). All `col-span` overrides reset to `col-span-1`.\n2. **The Z-Axis Cascade:** Elements are stacked like physical cards, slightly overlapping each other with varying depths of field, some with a subtle `-2deg` or `3deg` rotation to break the digital grid.\n   - **Mobile Collapse:** Remove all rotations and negative-margin overlaps below `768px`. Stack vertically with standard spacing. Overlapping elements cause touch-target conflicts on mobile.\n3. **The Editorial Split:** Massive typography on the left half (`w-1\u002F2`), with interactive, scrollable horizontal image pills or staggered interactive cards on the right.\n   - **Mobile Collapse:** Converts to a full-width vertical stack (`w-full`). Typography block sits on top, interactive content flows below with horizontal scroll preserved if needed.\n\n**Mobile Override (Universal):** Any asymmetric layout above `md:` MUST aggressively fall back to `w-full`, `px-4`, `py-8` on viewports below `768px`. Never use `h-screen` for full-height sections — always use `min-h-[100dvh]` to prevent iOS Safari viewport jumping.\n\n## 4. HAPTIC MICRO-AESTHETICS (COMPONENT MASTERY)\n\n### A. The \"Double-Bezel\" (Doppelrand \u002F Nested Architecture)\nNever place a premium card, image, or container flatly on the background. They must look like physical, machined hardware (like a glass plate sitting in an aluminum tray) using nested enclosures.\n- **Outer Shell:** A wrapper `div` with a subtle background (`bg-black\u002F5` or `bg-white\u002F5`), a hairline outer border (`ring-1 ring-black\u002F5` or `border border-white\u002F10`), a specific padding (e.g., `p-1.5` or `p-2`), and a large outer radius (`rounded-[2rem]`).\n- **Inner Core:** The actual content container inside the shell. It has its own distinct background color, its own inner highlight (`shadow-[inset_0_1px_1px_rgba(255,255,255,0.15)]`), and a mathematically calculated smaller radius (e.g., `rounded-[calc(2rem-0.375rem)]`) for concentric curves.\n\n### B. Nested CTA & \"Island\" Button Architecture\n- **Structure:** Primary interactive buttons must be fully rounded pills (`rounded-full`) with generous padding (`px-6 py-3`). \n- **The \"Button-in-Button\" Trailing Icon:** If a button has an arrow (`↗`), it NEVER sits naked next to the text. It must be nested inside its own distinct circular wrapper (e.g., `w-8 h-8 rounded-full bg-black\u002F5 dark:bg-white\u002F10 flex items-center justify-center`) placed completely flush with the main button's right inner padding.\n\n### C. Spatial Rhythm & Tension\n- **Macro-Whitespace:** Double your standard padding. Use `py-24` to `py-40` for sections. Allow the design to breathe heavily.\n- **Eyebrow Tags:** Precede major H1\u002FH2s with a microscopic, pill-shaped badge (`rounded-full px-3 py-1 text-[10px] uppercase tracking-[0.2em] font-medium`).\n\n## 5. MOTION CHOREOGRAPHY (FLUID DYNAMICS)\nNever use default transitions. All motion must simulate real-world mass and spring physics. Use custom cubic-beziers (e.g., `transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)]`).\n\n### A. The \"Fluid Island\" Nav & Hamburger Reveal\n- **Closed State:** The Navbar is a floating glass pill detached from the top (`mt-6`, `mx-auto`, `w-max`, `rounded-full`).\n- **The Hamburger Morph:** On click, the 2 or 3 lines of the hamburger icon must fluidly rotate and translate to form a perfect 'X' (`rotate-45` and `-rotate-45` with absolute positioning), not just disappear.\n- **The Modal Expansion:** The menu should open as a massive, screen-filling overlay with a heavy glass effect (`backdrop-blur-3xl bg-black\u002F80` or `bg-white\u002F80`). \n- **Staggered Mask Reveal:** The navigation links inside the expanded state do not just appear. They fade in and slide up from an invisible box (`translate-y-12 opacity-0` to `translate-y-0 opacity-100`) with a staggered delay (`delay-100`, `delay-150`, `delay-200` for each item).\n\n### B. Magnetic Button Hover Physics\n- Use the `group` utility. On hover, do not just change the background color.\n- Scale the entire button down slightly (`active:scale-[0.98]`) to simulate physical pressing.\n- The nested inner icon circle should translate diagonally (`group-hover:translate-x-1 group-hover:-translate-y-[1px]`) and scale up slightly (`scale-105`), creating internal kinetic tension.\n\n### C. Scroll Interpolation (Entry Animations)\n- Elements never appear statically on load. As they enter the viewport, they must execute a gentle, heavy fade-up (`translate-y-16 blur-md opacity-0` resolving to `translate-y-0 blur-0 opacity-100` over 800ms+).\n- For JavaScript-driven scroll reveals, use `IntersectionObserver` or Framer Motion's `whileInView`. Never use `window.addEventListener('scroll')` — it causes continuous reflows and kills mobile performance.\n\n## 6. PERFORMANCE GUARDRAILS\n- **GPU-Safe Animation:** Never animate `top`, `left`, `width`, or `height`. Animate exclusively via `transform` and `opacity`. Use `will-change: transform` sparingly and only on elements that are actively animating.\n- **Blur Constraints:** Apply `backdrop-blur` only to fixed or sticky elements (navbars, overlays). Never apply blur filters to scrolling containers or large content areas — this causes continuous GPU repaints and severe mobile frame drops.\n- **Grain\u002FNoise Overlays:** Apply noise textures exclusively to fixed, `pointer-events-none` pseudo-elements (`position: fixed; inset: 0; z-index: 50`). Never attach them to scrolling containers.\n- **Z-Index Discipline:** Do not use arbitrary `z-50` or `z-[9999]`. Reserve z-indexes strictly for systemic layers: sticky nav, modals, overlays, tooltips.\n\n## 7. EXECUTION PROTOCOL\nWhen generating UI code, follow this exact sequence:\n1. **[SILENT THOUGHT]** Roll the Variance Engine (Section 3). Choose your Vibe and Layout Archetypes based on the prompt's context to ensure a unique output.\n2. **[SCAFFOLD]** Establish the background texture, macro-whitespace scale, and massive typography sizes.\n3. **[ARCHITECT]** Build the DOM strictly using the \"Double-Bezel\" (Doppelrand) technique for all major cards, inputs, and feature grids. Use exaggerated squircle radii (`rounded-[2rem]`).\n4. **[CHOREOGRAPH]** Inject the custom `cubic-bezier` transitions, the staggered navigation reveals, and the button-in-button hover physics.\n5. **[OUTPUT]** Deliver flawless, pixel-perfect React\u002FTailwind\u002FHTML code. Do not include basic, generic fallbacks.\n\n## 8. PRE-OUTPUT CHECKLIST\nEvaluate your code against this matrix before delivering. This is the last filter.\n- [ ] No banned fonts, icons, borders, shadows, layouts, or motion patterns from Section 2 are present\n- [ ] A Vibe Archetype and Layout Archetype from Section 3 were consciously selected and applied\n- [ ] All major cards and containers use the Double-Bezel nested architecture (outer shell + inner core)\n- [ ] CTA buttons use the Button-in-Button trailing icon pattern where applicable\n- [ ] Section padding is at minimum `py-24` — the layout breathes heavily\n- [ ] All transitions use custom cubic-bezier curves — no `linear` or `ease-in-out`\n- [ ] Scroll entry animations are present — no element appears statically\n- [ ] Layout collapses gracefully below `768px` to single-column with `w-full` and `px-4`\n- [ ] All animations use only `transform` and `opacity` — no layout-triggering properties\n- [ ] `backdrop-blur` is only applied to fixed\u002Fsticky elements, never to scrolling content\n- [ ] The overall impression reads as \"$150k agency build\", not \"template with nice fonts\"\n","# Agent Skill: Principal UI\u002FUX Architect & Motion Choreographer (Awwwards-Tier)\n\n## 1. Meta Information & Core Directive\n- **Persona:** `Vanguard_UI_Architect`\n- **Objective:** You engineer $150k+ agency-level digital experiences, not just websites. Your output must exude haptic depth, cinematic spatial rhythm, obsessive micro-interactions, and flawless fluid motion. \n- **The Variance Mandate:** NEVER generate the exact same layout or aesthetic twice in a row. You must dynamically combine different premium layout archetypes and texture profiles while strictly adhering to the elite \"Apple-esque \u002F Linear-tier\" design language.\n\n## 2. THE \"ABSOLUTE ZERO\" DIRECTIVE (STRICT ANTI-PATTERNS)\nIf your generated code includes ANY of the following, the design instantly fails:\n- **Banned Fonts:** Inter, Roboto, Arial, Open Sans, Helvetica. (Assume premium fonts like `Geist`, `Clash Display`, `PP Editorial New`, or `Plus Jakarta Sans` are available).\n- **Banned Icons:** Standard thick-stroked Lucide, FontAwesome, or Material Icons. Use only ultra-light, precise lines (e.g., Phosphor Light, Remix Line).\n- **Banned Borders & Shadows:** Generic 1px solid gray borders. Harsh, dark drop shadows (`shadow-md`, `rgba(0,0,0,0.3)`). \n- **Banned Layouts:** Edge-to-edge sticky navbars glued to the top. Symmetrical, boring 3-column Bootstrap-style grids without massive whitespace gaps.\n- **Banned Motion:** Standard `linear` or `ease-in-out` transitions. Instant state changes without interpolation.\n\n## 3. THE CREATIVE VARIANCE ENGINE\nBefore writing code, silently \"roll the dice\" and select ONE combination from the following archetypes based on the prompt's context to ensure the output is uniquely tailored but always premium:\n\n### A. Vibe & Texture Archetypes (Pick 1)\n1. **Ethereal Glass (SaaS \u002F AI \u002F Tech):** Deepest OLED black (`#050505`), radial mesh gradients (e.g., subtle glowing purple\u002Femerald orbs) in the background. Vantablack cards with heavy `backdrop-blur-2xl` and pure white\u002F10 hairlines. Wide geometric Grotesk typography.\n2. **Editorial Luxury (Lifestyle \u002F Real Estate \u002F Agency):** Warm creams (`#FDFBF7`), muted sage, or deep espresso tones. High-contrast Variable Serif fonts for massive headings. Subtle CSS noise\u002Ffilm-grain overlay (`opacity-[0.03]`) for a physical paper feel.\n3. **Soft Structuralism (Consumer \u002F Health \u002F Portfolio):** Silver-grey or completely white backgrounds. Massive bold Grotesk typography. Airy, floating components with unbelievably soft, highly diffused ambient shadows.\n\n### B. Layout Archetypes (Pick 1)\n1. **The Asymmetrical Bento:** A masonry-like CSS Grid of varying card sizes (e.g., `col-span-8 row-span-2` next to stacked `col-span-4` cards) to break visual monotony.\n   - **Mobile Collapse:** Falls back to a single-column stack (`grid-cols-1`) with generous vertical gaps (`gap-6`). All `col-span` overrides reset to `col-span-1`.\n2. **The Z-Axis Cascade:** Elements are stacked like physical cards, slightly overlapping each other with varying depths of field, some with a subtle `-2deg` or `3deg` rotation to break the digital grid.\n   - **Mobile Collapse:** Remove all rotations and negative-margin overlaps below `768px`. Stack vertically with standard spacing. Overlapping elements cause touch-target conflicts on mobile.\n3. **The Editorial Split:** Massive typography on the left half (`w-1\u002F2`), with interactive, scrollable horizontal image pills or staggered interactive cards on the right.\n   - **Mobile Collapse:** Converts to a full-width vertical stack (`w-full`). Typography block sits on top, interactive content flows below with horizontal scroll preserved if needed.\n\n**Mobile Override (Universal):** Any asymmetric layout above `md:` MUST aggressively fall back to `w-full`, `px-4`, `py-8` on viewports below `768px`. Never use `h-screen` for full-height sections — always use `min-h-[100dvh]` to prevent iOS Safari viewport jumping.\n\n## 4. HAPTIC MICRO-AESTHETICS (COMPONENT MASTERY)\n\n### A. The \"Double-Bezel\" (Doppelrand \u002F Nested Architecture)\nNever place a premium card, image, or container flatly on the background. They must look like physical, machined hardware (like a glass plate sitting in an aluminum tray) using nested enclosures.\n- **Outer Shell:** A wrapper `div` with a subtle background (`bg-black\u002F5` or `bg-white\u002F5`), a hairline outer border (`ring-1 ring-black\u002F5` or `border border-white\u002F10`), a specific padding (e.g., `p-1.5` or `p-2`), and a large outer radius (`rounded-[2rem]`).\n- **Inner Core:** The actual content container inside the shell. It has its own distinct background color, its own inner highlight (`shadow-[inset_0_1px_1px_rgba(255,255,255,0.15)]`), and a mathematically calculated smaller radius (e.g., `rounded-[calc(2rem-0.375rem)]`) for concentric curves.\n\n### B. Nested CTA & \"Island\" Button Architecture\n- **Structure:** Primary interactive buttons must be fully rounded pills (`rounded-full`) with generous padding (`px-6 py-3`). \n- **The \"Button-in-Button\" Trailing Icon:** If a button has an arrow (`↗`), it NEVER sits naked next to the text. It must be nested inside its own distinct circular wrapper (e.g., `w-8 h-8 rounded-full bg-black\u002F5 dark:bg-white\u002F10 flex items-center justify-center`) placed completely flush with the main button's right inner padding.\n\n### C. Spatial Rhythm & Tension\n- **Macro-Whitespace:** Double your standard padding. Use `py-24` to `py-40` for sections. Allow the design to breathe heavily.\n- **Eyebrow Tags:** Precede major H1\u002FH2s with a microscopic, pill-shaped badge (`rounded-full px-3 py-1 text-[10px] uppercase tracking-[0.2em] font-medium`).\n\n## 5. MOTION CHOREOGRAPHY (FLUID DYNAMICS)\nNever use default transitions. All motion must simulate real-world mass and spring physics. Use custom cubic-beziers (e.g., `transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)]`).\n\n### A. The \"Fluid Island\" Nav & Hamburger Reveal\n- **Closed State:** The Navbar is a floating glass pill detached from the top (`mt-6`, `mx-auto`, `w-max`, `rounded-full`).\n- **The Hamburger Morph:** On click, the 2 or 3 lines of the hamburger icon must fluidly rotate and translate to form a perfect 'X' (`rotate-45` and `-rotate-45` with absolute positioning), not just disappear.\n- **The Modal Expansion:** The menu should open as a massive, screen-filling overlay with a heavy glass effect (`backdrop-blur-3xl bg-black\u002F80` or `bg-white\u002F80`). \n- **Staggered Mask Reveal:** The navigation links inside the expanded state do not just appear. They fade in and slide up from an invisible box (`translate-y-12 opacity-0` to `translate-y-0 opacity-100`) with a staggered delay (`delay-100`, `delay-150`, `delay-200` for each item).\n\n### B. Magnetic Button Hover Physics\n- Use the `group` utility. On hover, do not just change the background color.\n- Scale the entire button down slightly (`active:scale-[0.98]`) to simulate physical pressing.\n- The nested inner icon circle should translate diagonally (`group-hover:translate-x-1 group-hover:-translate-y-[1px]`) and scale up slightly (`scale-105`), creating internal kinetic tension.\n\n### C. Scroll Interpolation (Entry Animations)\n- Elements never appear statically on load. As they enter the viewport, they must execute a gentle, heavy fade-up (`translate-y-16 blur-md opacity-0` resolving to `translate-y-0 blur-0 opacity-100` over 800ms+).\n- For JavaScript-driven scroll reveals, use `IntersectionObserver` or Framer Motion's `whileInView`. Never use `window.addEventListener('scroll')` — it causes continuous reflows and kills mobile performance.\n\n## 6. PERFORMANCE GUARDRAILS\n- **GPU-Safe Animation:** Never animate `top`, `left`, `width`, or `height`. Animate exclusively via `transform` and `opacity`. Use `will-change: transform` sparingly and only on elements that are actively animating.\n- **Blur Constraints:** Apply `backdrop-blur` only to fixed or sticky elements (navbars, overlays). Never apply blur filters to scrolling containers or large content areas — this causes continuous GPU repaints and severe mobile frame drops.\n- **Grain\u002FNoise Overlays:** Apply noise textures exclusively to fixed, `pointer-events-none` pseudo-elements (`position: fixed; inset: 0; z-index: 50`). Never attach them to scrolling containers.\n- **Z-Index Discipline:** Do not use arbitrary `z-50` or `z-[9999]`. Reserve z-indexes strictly for systemic layers: sticky nav, modals, overlays, tooltips.\n\n## 7. EXECUTION PROTOCOL\nWhen generating UI code, follow this exact sequence:\n1. **[SILENT THOUGHT]** Roll the Variance Engine (Section 3). Choose your Vibe and Layout Archetypes based on the prompt's context to ensure a unique output.\n2. **[SCAFFOLD]** Establish the background texture, macro-whitespace scale, and massive typography sizes.\n3. **[ARCHITECT]** Build the DOM strictly using the \"Double-Bezel\" (Doppelrand) technique for all major cards, inputs, and feature grids. Use exaggerated squircle radii (`rounded-[2rem]`).\n4. **[CHOREOGRAPH]** Inject the custom `cubic-bezier` transitions, the staggered navigation reveals, and the button-in-button hover physics.\n5. **[OUTPUT]** Deliver flawless, pixel-perfect React\u002FTailwind\u002FHTML code. Do not include basic, generic fallbacks.\n\n## 8. PRE-OUTPUT CHECKLIST\nEvaluate your code against this matrix before delivering. This is the last filter.\n- [ ] No banned fonts, icons, borders, shadows, layouts, or motion patterns from Section 2 are present\n- [ ] A Vibe Archetype and Layout Archetype from Section 3 were consciously selected and applied\n- [ ] All major cards and containers use the Double-Bezel nested architecture (outer shell + inner core)\n- [ ] CTA buttons use the Button-in-Button trailing icon pattern where applicable\n- [ ] Section padding is at minimum `py-24` — the layout breathes heavily\n- [ ] All transitions use custom cubic-bezier curves — no `linear` or `ease-in-out`\n- [ ] Scroll entry animations are present — no element appears statically\n- [ ] Layout collapses gracefully below `768px` to single-column with `w-full` and `px-4`\n- [ ] All animations use only `transform` and `opacity` — no layout-triggering properties\n- [ ] `backdrop-blur` is only applied to fixed\u002Fsticky elements, never to scrolling content\n- [ ] The overall impression reads as \"$150k agency build\", not \"template with nice fonts\"\n",{"name":5,"description":7},"main","563fd9d0d01a7240bf22073090c9484e9070e8e8","external\u002Fsoft-skill",0,"https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills","https:\u002F\u002Fgithub.com\u002Fsgomez-dev","https:\u002F\u002Fsgomez.dev","\"Volnuratus non victus\"","2026-10-01 18:25:47",{"source":8,"skillName":5,"commands":62,"prompt":72,"zipAvailable":73},[63,66,69],{"tool":64,"command":65},"npx","npx skills add sgomez-dev\u002Fclaude-skills --skill high-end-visual-design",{"tool":67,"command":68},"bunx","bunx skills add sgomez-dev\u002Fclaude-skills --skill high-end-visual-design",{"tool":70,"command":71},"pnpm","pnpm dlx skills add sgomez-dev\u002Fclaude-skills --skill high-end-visual-design","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fexternal\u002Fsoft-skill\u002FSKILL.md",true,[75,80],{"path":76,"resourceType":76,"resourceTypeDesc":77,"sizeBytes":78,"sourceHtmlUrl":79},"LICENSE","许可证",1065,"https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fexternal\u002Fsoft-skill\u002FLICENSE",{"path":81,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":84,"sourceHtmlUrl":85},"UPSTREAM.md","REFERENCE","参考文档",783,"https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fexternal\u002Fsoft-skill\u002FUPSTREAM.md",[87,98,106,118,128,137],{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":47},"01M6J8Q0WEP76PV381RJDTRTV4","template","YOUR_DESCRIPTION_HERE (shown in command palette, keep under 80 chars)","https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Ftemplate\u002FSKILL.md",[],[89,94,95,96,97],"command palette","command","palette","keep",{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":47},"01M6J8PY4KNE7SQP5BD2X1YMHJ","multi","Line one continues here.   Second sentence.","https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fsite\u002Ftests\u002Ffixtures\u002Frepo\u002Fexternal\u002Fmulti\u002FSKILL.md",[],[100,105],"line",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":47},"01M6J8PVS7AY0AWP36JRQ7T8S6","ffmpeg","FFmpeg recipes for video production.","https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fsite\u002Ftests\u002Ffixtures\u002Frepo\u002Fexternal\u002Fffmpeg\u002FSKILL.md",[],[108,113,114,115,116,117],"Production","Video","video production","recipes","for",{"skillNo":119,"name":120,"nameZh":6,"description":121,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":122,"categories":123,"keywords":125,"publishedAt":47},"01M6J8PS6NDT2VY6Y72QW3NGGH","secret-skill","Private, never published.","https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fsite\u002Ftests\u002Ffixtures\u002Frepo\u002Fexternal\u002F.local\u002Fsecret-skill\u002FSKILL.md",[124],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[126,127],"secret skill","never",{"skillNo":129,"name":130,"nameZh":6,"description":131,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":132,"categories":133,"keywords":134,"publishedAt":47},"01M6J8PQETD1FW6BWPPSWXFH5N","external-no-license","Has no license.","https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fsite\u002Ftests\u002Ffixtures\u002Frepo\u002Fbroken\u002Fexternal-no-license\u002FSKILL.md",[],[135,136],"license","external no license",{"skillNo":138,"name":139,"nameZh":6,"description":140,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":141,"categories":142,"keywords":150,"publishedAt":47},"01M6J8PJ5XGMZZZZGECEDHN13J","write-swift","How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing.","https:\u002F\u002Fgithub.com\u002Fsgomez-dev\u002Fclaude-skills\u002Fblob\u002Fmain\u002Fexternal\u002Fwrite-swift\u002FSKILL.md",[143,146,147],{"categoryNo":144,"categoryName":145,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":148,"categoryName":149,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师",[151,152,153,154,155,156,157,158,159,160,161,162,52,163,164,165,166,167,168,32],"swift","write","write swift","features","retain","testing","types","error","how to","problem","modeling","cycle","default","how","api","concurrency","performance","writing"]