[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6GET93JAFPNKMX2WY25Y3ZR":3,"skill-same:01M6GET93JAFPNKMX2WY25Y3ZR":96},{"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":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":74,"commitSha":75,"skillDirectory":76,"forksCount":77,"repositoryHtmlUrl":78,"repositoryHomepageUrl":6,"ownerHtmlUrl":79,"ownerBlogUrl":6,"ownerDescription":80,"updatedAt":81,"install":82,"resources":95},"01M6GET93JAFPNKMX2WY25Y3ZR","popular-web-designs",null,"54 real design systems (Stripe, Linear, Vercel) as HTML\u002FCSS.","zapabob\u002FSkills","zapabob","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F130830376?v=4","01M6DBMYZAGRTFQDSQYW3W764P","峯岸 亮","01M6DBMZ3GKDSJ01NZ9XTZD7JD",2,"MIT","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Farchive\u002Fskill-md-reviewed\u002Fsha256\u002Fcd\u002Fcd89bdb86008bb30b35d9bdd30e06587f75ee54055c54e1a79afb20418264b3d\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"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,47,48,49,50,51],"web","popular web designs","website","make","as","stripe","dashboard design","html","vercel","page","ui","design","linear","design systems","create","development","windows","dashboard","css","macos","2026-11-10 10:12:30",false,"---\nname: popular-web-designs\ndescription: 54 real design systems (Stripe, Linear, Vercel) as HTML\u002FCSS.\nversion: 1.0.0\nauthor: Hermes Agent + Teknium (design systems sourced from VoltAgent\u002Fawesome-design-md)\nlicense: MIT\ntags: [design, css, html, ui, web-development, design-systems, templates]\nplatforms: [linux, macos, windows]\ntriggers:\n  - build a page that looks like\n  - make it look like stripe\n  - design like linear\n  - vercel style\n  - create a UI\n  - web design\n  - landing page\n  - dashboard design\n  - website styled like\n---\n\n# Popular Web Designs\n\n54 real-world design systems ready for use when generating HTML\u002FCSS. Each template captures a\nsite's complete visual language: color palette, typography hierarchy, component styles, spacing\nsystem, shadows, responsive behavior, and practical agent prompts with exact CSS values.\n\n## Related design skills\n\n- **`claude-design`** — use for the design *process and taste* (scoping a brief,\n  producing variants, verifying a local HTML artifact, avoiding AI-design slop).\n  Pair it with this skill when the user wants a thoughtfully-designed page styled\n  after a known brand: `claude-design` drives the workflow, this skill supplies\n  the visual vocabulary.\n- **`design-md`** — use when the deliverable is a formal DESIGN.md token spec\n  file, not a rendered artifact.\n\n## How to Use\n\n1. Pick a design from the catalog below\n2. Load it: `skill_view(name=\"popular-web-designs\", file_path=\"templates\u002F\u003Csite>.md\")`\n3. Use the design tokens and component specs when generating HTML\n4. Pair with the `generative-widgets` skill to serve the result via cloudflared tunnel\n\nEach template includes a **Hermes Implementation Notes** block at the top with:\n- CDN font substitute and Google Fonts `\u003Clink>` tag (ready to paste)\n- CSS font-family stacks for primary and monospace\n- Reminders to use `write_file` for HTML creation and `browser_vision` for verification\n\n## HTML Generation Pattern\n\n```html\n\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003Cmeta charset=\"UTF-8\">\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  \u003Ctitle>Page Title\u003C\u002Ftitle>\n  \u003C!-- Paste the Google Fonts \u003Clink> from the template's Hermes notes -->\n  \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=...\" rel=\"stylesheet\">\n  \u003Cstyle>\n    \u002F* Apply the template's color palette as CSS custom properties *\u002F\n    :root {\n      --color-bg: #ffffff;\n      --color-text: #171717;\n      --color-accent: #533afd;\n      \u002F* ... more from template Section 2 *\u002F\n    }\n    \u002F* Apply typography from template Section 3 *\u002F\n    body {\n      font-family: 'Inter', system-ui, sans-serif;\n      color: var(--color-text);\n      background: var(--color-bg);\n    }\n    \u002F* Apply component styles from template Section 4 *\u002F\n    \u002F* Apply layout from template Section 5 *\u002F\n    \u002F* Apply shadows from template Section 6 *\u002F\n  \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003C!-- Build using component specs from the template -->\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\nWrite the file with `write_file`, serve with the `generative-widgets` workflow (cloudflared tunnel),\nand verify the result with `browser_vision` to confirm visual accuracy.\n\n## Font Substitution Reference\n\nMost sites use proprietary fonts unavailable via CDN. Each template maps to a Google Fonts\nsubstitute that preserves the design's character. Common mappings:\n\n| Proprietary Font | CDN Substitute | Character |\n|---|---|---|\n| Geist \u002F Geist Sans | Geist (on Google Fonts) | Geometric, compressed tracking |\n| Geist Mono | Geist Mono (on Google Fonts) | Clean monospace, ligatures |\n| sohne-var (Stripe) | Source Sans 3 | Light weight elegance |\n| Berkeley Mono | JetBrains Mono | Technical monospace |\n| Airbnb Cereal VF | DM Sans | Rounded, friendly geometric |\n| Circular (Spotify) | DM Sans | Geometric, warm |\n| figmaSans | Inter | Clean humanist |\n| Pin Sans (Pinterest) | DM Sans | Friendly, rounded |\n| NVIDIA-EMEA | Inter (or Arial system) | Industrial, clean |\n| CoinbaseDisplay\u002FSans | DM Sans | Geometric, trustworthy |\n| UberMove | DM Sans | Bold, tight |\n| HashiCorp Sans | Inter | Enterprise, neutral |\n| waldenburgNormal (Sanity) | Space Grotesk | Geometric, slightly condensed |\n| IBM Plex Sans\u002FMono | IBM Plex Sans\u002FMono | Available on Google Fonts |\n| Rubik (Sentry) | Rubik | Available on Google Fonts |\n\nWhen a template's CDN font matches the original (Inter, IBM Plex, Rubik, Geist), no\nsubstitution loss occurs. When a substitute is used (DM Sans for Circular, Source Sans 3\nfor sohne-var), follow the template's weight, size, and letter-spacing values closely —\nthose carry more visual identity than the specific font face.\n\n## Design Catalog\n\n### AI & Machine Learning\n\n| Template | Site | Style |\n|---|---|---|\n| `claude.md` | Anthropic Claude | Warm terracotta accent, clean editorial layout |\n| `cohere.md` | Cohere | Vibrant gradients, data-rich dashboard aesthetic |\n| `elevenlabs.md` | ElevenLabs | Dark cinematic UI, audio-waveform aesthetics |\n| `minimax.md` | Minimax | Bold dark interface with neon accents |\n| `mistral.ai.md` | Mistral AI | French-engineered minimalism, purple-toned |\n| `ollama.md` | Ollama | Terminal-first, monochrome simplicity |\n| `opencode.ai.md` | OpenCode AI | Developer-centric dark theme, full monospace |\n| `replicate.md` | Replicate | Clean white canvas, code-forward |\n| `runwayml.md` | RunwayML | Cinematic dark UI, media-rich layout |\n| `together.ai.md` | Together AI | Technical, blueprint-style design |\n| `voltagent.md` | VoltAgent | Void-black canvas, emerald accent, terminal-native |\n| `x.ai.md` | xAI | Stark monochrome, futuristic minimalism, full monospace |\n\n### Developer Tools & Platforms\n\n| Template | Site | Style |\n|---|---|---|\n| `cursor.md` | Cursor | Sleek dark interface, gradient accents |\n| `expo.md` | Expo | Dark theme, tight letter-spacing, code-centric |\n| `linear.app.md` | Linear | Ultra-minimal dark-mode, precise, purple accent |\n| `lovable.md` | Lovable | Playful gradients, friendly dev aesthetic |\n| `mintlify.md` | Mintlify | Clean, green-accented, reading-optimized |\n| `posthog.md` | PostHog | Playful branding, developer-friendly dark UI |\n| `raycast.md` | Raycast | Sleek dark chrome, vibrant gradient accents |\n| `resend.md` | Resend | Minimal dark theme, monospace accents |\n| `sentry.md` | Sentry | Dark dashboard, data-dense, pink-purple accent |\n| `supabase.md` | Supabase | Dark emerald theme, code-first developer tool |\n| `superhuman.md` | Superhuman | Premium dark UI, keyboard-first, purple glow |\n| `vercel.md` | Vercel | Black and white precision, Geist font system |\n| `warp.md` | Warp | Dark IDE-like interface, block-based command UI |\n| `zapier.md` | Zapier | Warm orange, friendly illustration-driven |\n\n### Infrastructure & Cloud\n\n| Template | Site | Style |\n|---|---|---|\n| `clickhouse.md` | ClickHouse | Yellow-accented, technical documentation style |\n| `composio.md` | Composio | Modern dark with colorful integration icons |\n| `hashicorp.md` | HashiCorp | Enterprise-clean, black and white |\n| `mongodb.md` | MongoDB | Green leaf branding, developer documentation focus |\n| `sanity.md` | Sanity | Red accent, content-first editorial layout |\n| `stripe.md` | Stripe | Signature purple gradients, weight-300 elegance |\n\n### Design & Productivity\n\n| Template | Site | Style |\n|---|---|---|\n| `airtable.md` | Airtable | Colorful, friendly, structured data aesthetic |\n| `cal.md` | Cal.com | Clean neutral UI, developer-oriented simplicity |\n| `clay.md` | Clay | Organic shapes, soft gradients, art-directed layout |\n| `figma.md` | Figma | Vibrant multi-color, playful yet professional |\n| `framer.md` | Framer | Bold black and blue, motion-first, design-forward |\n| `intercom.md` | Intercom | Friendly blue palette, conversational UI patterns |\n| `miro.md` | Miro | Bright yellow accent, infinite canvas aesthetic |\n| `notion.md` | Notion | Warm minimalism, serif headings, soft surfaces |\n| `pinterest.md` | Pinterest | Red accent, masonry grid, image-first layout |\n| `webflow.md` | Webflow | Blue-accented, polished marketing site aesthetic |\n\n### Fintech & Crypto\n\n| Template | Site | Style |\n|---|---|---|\n| `coinbase.md` | Coinbase | Clean blue identity, trust-focused, institutional feel |\n| `kraken.md` | Kraken | Purple-accented dark UI, data-dense dashboards |\n| `revolut.md` | Revolut | Sleek dark interface, gradient cards, fintech precision |\n| `wise.md` | Wise | Bright green accent, friendly and clear |\n\n### Enterprise & Consumer\n\n| Template | Site | Style |\n|---|---|---|\n| `airbnb.md` | Airbnb | Warm coral accent, photography-driven, rounded UI |\n| `apple.md` | Apple | Premium white space, SF Pro, cinematic imagery |\n| `bmw.md` | BMW | Dark premium surfaces, precise engineering aesthetic |\n| `ibm.md` | IBM | Carbon design system, structured blue palette |\n| `nvidia.md` | NVIDIA | Green-black energy, technical power aesthetic |\n| `spacex.md` | SpaceX | Stark black and white, full-bleed imagery, futuristic |\n| `spotify.md` | Spotify | Vibrant green on dark, bold type, album-art-driven |\n| `uber.md` | Uber | Bold black and white, tight type, urban energy |\n\n## Choosing a Design\n\nMatch the design to the content:\n\n- **Developer tools \u002F dashboards:** Linear, Vercel, Supabase, Raycast, Sentry\n- **Documentation \u002F content sites:** Mintlify, Notion, Sanity, MongoDB\n- **Marketing \u002F landing pages:** Stripe, Framer, Apple, SpaceX\n- **Dark mode UIs:** Linear, Cursor, ElevenLabs, Warp, Superhuman\n- **Light \u002F clean UIs:** Vercel, Stripe, Notion, Cal.com, Replicate\n- **Playful \u002F friendly:** PostHog, Figma, Lovable, Zapier, Miro\n- **Premium \u002F luxury:** Apple, BMW, Stripe, Superhuman, Revolut\n- **Data-dense \u002F dashboards:** Sentry, Kraken, Cohere, ClickHouse\n- **Monospace \u002F terminal aesthetic:** Ollama, OpenCode, x.ai, VoltAgent","# Popular Web Designs\n\n54 real-world design systems ready for use when generating HTML\u002FCSS. Each template captures a\nsite's complete visual language: color palette, typography hierarchy, component styles, spacing\nsystem, shadows, responsive behavior, and practical agent prompts with exact CSS values.\n\n## Related design skills\n\n- **`claude-design`** — use for the design *process and taste* (scoping a brief,\n  producing variants, verifying a local HTML artifact, avoiding AI-design slop).\n  Pair it with this skill when the user wants a thoughtfully-designed page styled\n  after a known brand: `claude-design` drives the workflow, this skill supplies\n  the visual vocabulary.\n- **`design-md`** — use when the deliverable is a formal DESIGN.md token spec\n  file, not a rendered artifact.\n\n## How to Use\n\n1. Pick a design from the catalog below\n2. Load it: `skill_view(name=\"popular-web-designs\", file_path=\"templates\u002F\u003Csite>.md\")`\n3. Use the design tokens and component specs when generating HTML\n4. Pair with the `generative-widgets` skill to serve the result via cloudflared tunnel\n\nEach template includes a **Hermes Implementation Notes** block at the top with:\n- CDN font substitute and Google Fonts `\u003Clink>` tag (ready to paste)\n- CSS font-family stacks for primary and monospace\n- Reminders to use `write_file` for HTML creation and `browser_vision` for verification\n\n## HTML Generation Pattern\n\n```html\n\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003Cmeta charset=\"UTF-8\">\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  \u003Ctitle>Page Title\u003C\u002Ftitle>\n  \u003C!-- Paste the Google Fonts \u003Clink> from the template's Hermes notes -->\n  \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=...\" rel=\"stylesheet\">\n  \u003Cstyle>\n    \u002F* Apply the template's color palette as CSS custom properties *\u002F\n    :root {\n      --color-bg: #ffffff;\n      --color-text: #171717;\n      --color-accent: #533afd;\n      \u002F* ... more from template Section 2 *\u002F\n    }\n    \u002F* Apply typography from template Section 3 *\u002F\n    body {\n      font-family: 'Inter', system-ui, sans-serif;\n      color: var(--color-text);\n      background: var(--color-bg);\n    }\n    \u002F* Apply component styles from template Section 4 *\u002F\n    \u002F* Apply layout from template Section 5 *\u002F\n    \u002F* Apply shadows from template Section 6 *\u002F\n  \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003C!-- Build using component specs from the template -->\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\nWrite the file with `write_file`, serve with the `generative-widgets` workflow (cloudflared tunnel),\nand verify the result with `browser_vision` to confirm visual accuracy.\n\n## Font Substitution Reference\n\nMost sites use proprietary fonts unavailable via CDN. Each template maps to a Google Fonts\nsubstitute that preserves the design's character. Common mappings:\n\n| Proprietary Font | CDN Substitute | Character |\n|---|---|---|\n| Geist \u002F Geist Sans | Geist (on Google Fonts) | Geometric, compressed tracking |\n| Geist Mono | Geist Mono (on Google Fonts) | Clean monospace, ligatures |\n| sohne-var (Stripe) | Source Sans 3 | Light weight elegance |\n| Berkeley Mono | JetBrains Mono | Technical monospace |\n| Airbnb Cereal VF | DM Sans | Rounded, friendly geometric |\n| Circular (Spotify) | DM Sans | Geometric, warm |\n| figmaSans | Inter | Clean humanist |\n| Pin Sans (Pinterest) | DM Sans | Friendly, rounded |\n| NVIDIA-EMEA | Inter (or Arial system) | Industrial, clean |\n| CoinbaseDisplay\u002FSans | DM Sans | Geometric, trustworthy |\n| UberMove | DM Sans | Bold, tight |\n| HashiCorp Sans | Inter | Enterprise, neutral |\n| waldenburgNormal (Sanity) | Space Grotesk | Geometric, slightly condensed |\n| IBM Plex Sans\u002FMono | IBM Plex Sans\u002FMono | Available on Google Fonts |\n| Rubik (Sentry) | Rubik | Available on Google Fonts |\n\nWhen a template's CDN font matches the original (Inter, IBM Plex, Rubik, Geist), no\nsubstitution loss occurs. When a substitute is used (DM Sans for Circular, Source Sans 3\nfor sohne-var), follow the template's weight, size, and letter-spacing values closely —\nthose carry more visual identity than the specific font face.\n\n## Design Catalog\n\n### AI & Machine Learning\n\n| Template | Site | Style |\n|---|---|---|\n| `claude.md` | Anthropic Claude | Warm terracotta accent, clean editorial layout |\n| `cohere.md` | Cohere | Vibrant gradients, data-rich dashboard aesthetic |\n| `elevenlabs.md` | ElevenLabs | Dark cinematic UI, audio-waveform aesthetics |\n| `minimax.md` | Minimax | Bold dark interface with neon accents |\n| `mistral.ai.md` | Mistral AI | French-engineered minimalism, purple-toned |\n| `ollama.md` | Ollama | Terminal-first, monochrome simplicity |\n| `opencode.ai.md` | OpenCode AI | Developer-centric dark theme, full monospace |\n| `replicate.md` | Replicate | Clean white canvas, code-forward |\n| `runwayml.md` | RunwayML | Cinematic dark UI, media-rich layout |\n| `together.ai.md` | Together AI | Technical, blueprint-style design |\n| `voltagent.md` | VoltAgent | Void-black canvas, emerald accent, terminal-native |\n| `x.ai.md` | xAI | Stark monochrome, futuristic minimalism, full monospace |\n\n### Developer Tools & Platforms\n\n| Template | Site | Style |\n|---|---|---|\n| `cursor.md` | Cursor | Sleek dark interface, gradient accents |\n| `expo.md` | Expo | Dark theme, tight letter-spacing, code-centric |\n| `linear.app.md` | Linear | Ultra-minimal dark-mode, precise, purple accent |\n| `lovable.md` | Lovable | Playful gradients, friendly dev aesthetic |\n| `mintlify.md` | Mintlify | Clean, green-accented, reading-optimized |\n| `posthog.md` | PostHog | Playful branding, developer-friendly dark UI |\n| `raycast.md` | Raycast | Sleek dark chrome, vibrant gradient accents |\n| `resend.md` | Resend | Minimal dark theme, monospace accents |\n| `sentry.md` | Sentry | Dark dashboard, data-dense, pink-purple accent |\n| `supabase.md` | Supabase | Dark emerald theme, code-first developer tool |\n| `superhuman.md` | Superhuman | Premium dark UI, keyboard-first, purple glow |\n| `vercel.md` | Vercel | Black and white precision, Geist font system |\n| `warp.md` | Warp | Dark IDE-like interface, block-based command UI |\n| `zapier.md` | Zapier | Warm orange, friendly illustration-driven |\n\n### Infrastructure & Cloud\n\n| Template | Site | Style |\n|---|---|---|\n| `clickhouse.md` | ClickHouse | Yellow-accented, technical documentation style |\n| `composio.md` | Composio | Modern dark with colorful integration icons |\n| `hashicorp.md` | HashiCorp | Enterprise-clean, black and white |\n| `mongodb.md` | MongoDB | Green leaf branding, developer documentation focus |\n| `sanity.md` | Sanity | Red accent, content-first editorial layout |\n| `stripe.md` | Stripe | Signature purple gradients, weight-300 elegance |\n\n### Design & Productivity\n\n| Template | Site | Style |\n|---|---|---|\n| `airtable.md` | Airtable | Colorful, friendly, structured data aesthetic |\n| `cal.md` | Cal.com | Clean neutral UI, developer-oriented simplicity |\n| `clay.md` | Clay | Organic shapes, soft gradients, art-directed layout |\n| `figma.md` | Figma | Vibrant multi-color, playful yet professional |\n| `framer.md` | Framer | Bold black and blue, motion-first, design-forward |\n| `intercom.md` | Intercom | Friendly blue palette, conversational UI patterns |\n| `miro.md` | Miro | Bright yellow accent, infinite canvas aesthetic |\n| `notion.md` | Notion | Warm minimalism, serif headings, soft surfaces |\n| `pinterest.md` | Pinterest | Red accent, masonry grid, image-first layout |\n| `webflow.md` | Webflow | Blue-accented, polished marketing site aesthetic |\n\n### Fintech & Crypto\n\n| Template | Site | Style |\n|---|---|---|\n| `coinbase.md` | Coinbase | Clean blue identity, trust-focused, institutional feel |\n| `kraken.md` | Kraken | Purple-accented dark UI, data-dense dashboards |\n| `revolut.md` | Revolut | Sleek dark interface, gradient cards, fintech precision |\n| `wise.md` | Wise | Bright green accent, friendly and clear |\n\n### Enterprise & Consumer\n\n| Template | Site | Style |\n|---|---|---|\n| `airbnb.md` | Airbnb | Warm coral accent, photography-driven, rounded UI |\n| `apple.md` | Apple | Premium white space, SF Pro, cinematic imagery |\n| `bmw.md` | BMW | Dark premium surfaces, precise engineering aesthetic |\n| `ibm.md` | IBM | Carbon design system, structured blue palette |\n| `nvidia.md` | NVIDIA | Green-black energy, technical power aesthetic |\n| `spacex.md` | SpaceX | Stark black and white, full-bleed imagery, futuristic |\n| `spotify.md` | Spotify | Vibrant green on dark, bold type, album-art-driven |\n| `uber.md` | Uber | Bold black and white, tight type, urban energy |\n\n## Choosing a Design\n\nMatch the design to the content:\n\n- **Developer tools \u002F dashboards:** Linear, Vercel, Supabase, Raycast, Sentry\n- **Documentation \u002F content sites:** Mintlify, Notion, Sanity, MongoDB\n- **Marketing \u002F landing pages:** Stripe, Framer, Apple, SpaceX\n- **Dark mode UIs:** Linear, Cursor, ElevenLabs, Warp, Superhuman\n- **Light \u002F clean UIs:** Vercel, Stripe, Notion, Cal.com, Replicate\n- **Playful \u002F friendly:** PostHog, Figma, Lovable, Zapier, Miro\n- **Premium \u002F luxury:** Apple, BMW, Stripe, Superhuman, Revolut\n- **Data-dense \u002F dashboards:** Sentry, Kraken, Cohere, ClickHouse\n- **Monospace \u002F terminal aesthetic:** Ollama, OpenCode, x.ai, VoltAgent",{"name":5,"tags":57,"author":61,"license":15,"version":62,"triggers":63,"platforms":72,"description":7},[43,50,39,42,58,59,60],"web-development","design-systems","templates","Hermes Agent + Teknium (design systems sourced from VoltAgent\u002Fawesome-design-md)","1.0.0",[64,65,66,67,68,69,70,38,71],"build a page that looks like","make it look like stripe","design like linear","vercel style","create a UI","web design","landing page","website styled like",[73,51,48],"linux","main","0d1434f89f4bc6b07e9d272accd8c1013768820f","archive\u002Fskill-md-reviewed\u002Fsha256\u002Fcd\u002Fcd89bdb86008bb30b35d9bdd30e06587f75ee54055c54e1a79afb20418264b3d",0,"https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills","https:\u002F\u002Fgithub.com\u002Fzapabob","The Open University of JAPAN　2019-now\r\n\r\nTokyo University of Science　2007-2010","2026-10-26 16:29:01",{"source":8,"skillName":5,"commands":83,"prompt":93,"zipAvailable":94},[84,87,90],{"tool":85,"command":86},"npx","npx skills add zapabob\u002FSkills --skill popular-web-designs",{"tool":88,"command":89},"bunx","bunx skills add zapabob\u002FSkills --skill popular-web-designs",{"tool":91,"command":92},"pnpm","pnpm dlx skills add zapabob\u002FSkills --skill popular-web-designs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Farchive\u002Fskill-md-reviewed\u002Fsha256\u002Fcd\u002Fcd89bdb86008bb30b35d9bdd30e06587f75ee54055c54e1a79afb20418264b3d\u002FSKILL.md",true,[],[97,128,159,186,213,230],{"skillNo":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":101,"categories":102,"keywords":112,"publishedAt":52},"01M6GJTE1GESGGF9K028Y7753E","xurl","X\u002FTwitter via xurl CLI: post, search, DM, media, v2 API.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fxurl\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[103,106,109],{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":107,"categoryName":108,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":110,"categoryName":111,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师",[99,113,51,114,115,73,48,116,117,118,119,120,121,122,123,124,74,125,126,127],"openclaw","cli","github","official","search","https","social-media","api","Media","hermes","hermes agent","twitter","social","via","post",{"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":143,"publishedAt":52},"01M6GJT8S1PXQ8WPXT1HSNBWH2","writing-plans","Write implementation plans: bite-sized tasks, paths, code.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fwriting-plans\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[134,135,138,139,140],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":136,"categoryName":137,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":107,"categoryName":108,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":110,"categoryName":111,"taxonomyType":29,"taxonomyTypeDesc":30},{"categoryNo":141,"categoryName":142,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000036","内容创作者",[144,145,146,43,51,147,73,148,48,149,150,47,151,152,153,154,155,156,157,158],"writing","writing plans","plans","review","workflow","documentation","tasks","code","planning","code-review","subagent","write","superpowers","paths","test-driven-development",{"skillNo":160,"name":161,"nameZh":6,"description":162,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":163,"categories":164,"keywords":168,"publishedAt":52},"01M6GJST0H5X7WHBJ3BZK0DVKH","whisper","OpenAI's general-purpose speech recognition model. Supports 99 languages, transcription, translation to English, and language identification. Six model sizes from tiny (39M params) to large (1550M params). Use for speech-to-text, podcast transcription, or multilingual audio processing. Best for robust, multilingual ASR.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fwhisper\u002Fvariants\u002Fhermes-agent-optional\u002FSKILL.md",[165],{"categoryNo":166,"categoryName":167,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",[161,51,73,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185],"openai","speech","multimodal","Transformers","ASR","Audio","text","model","speech recognition","use","general","multilingual","translation","english","identification","processing","Audio Processing",{"skillNo":187,"name":188,"nameZh":6,"description":189,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":190,"categories":191,"keywords":195,"publishedAt":52},"01M6GJSMRQ8EETZTYMG72P70EA","weights-and-biases","W&B: log ML experiments, sweeps, model registry, dashboards.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fweights-and-biases\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[192],{"categoryNo":193,"categoryName":194,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000013","分析与可视化",[196,51,197,198,48,199,200,201,202,203,204,176,205,206,207,208,209,210,211,212],"weights and biases","tensorflow","experiments","pytorch","visualization","registry","real-time","tuning","dashboards","experiment","log","time","Experiment Tracking","Model Registry","Hyperparameter Tuning","WandB","Real-Time Visualization",{"skillNo":214,"name":215,"nameZh":6,"description":216,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":217,"categories":218,"keywords":220,"publishedAt":52},"01M6GJS19KDPRY112JTR326S06","watchers","Poll RSS, JSON APIs, and GitHub with watermark dedup.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fwatchers\u002Fvariants\u002Fhermes-agent-optional\u002FSKILL.md",[219],{"categoryNo":107,"categoryName":108,"taxonomyType":21,"taxonomyTypeDesc":22},[215,51,221,115,73,222,223,224,225,226,227,122,123,228,229],"terminal","automation","http","monitoring","cron","json","rss","devops","with",{"skillNo":231,"name":232,"nameZh":6,"description":233,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":234,"categories":235,"keywords":238,"publishedAt":52},"01M6GJRHJD2A6Q830SWF9W48BC","serving-llms-vllm","vLLM: high-throughput LLM serving, OpenAI API, quantization.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fvllm\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[236,237],{"categoryNo":104,"categoryName":105,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":110,"categoryName":111,"taxonomyType":29,"taxonomyTypeDesc":30},[239,240,241,73,242,169,243,244,245,172,246,120,247,248,249,250,251,252,253,254],"llms","vLLM","serving llms vllm","research","openai api","tensor","Inference Serving","Production","llm serving","High Throughput","PagedAttention","Continuous Batching","Quantization","Tensor Parallelism","high-throughput","throughput"]