[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71HGRCMKSA6AFBE2MPQ7GH1":3,"skill-same:01M71HGRCMKSA6AFBE2MPQ7GH1":311},{"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":73,"commitSha":74,"skillDirectory":75,"forksCount":76,"repositoryHtmlUrl":77,"repositoryHomepageUrl":6,"ownerHtmlUrl":78,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":79,"install":80,"resources":93},"01M71HGRCMKSA6AFBE2MPQ7GH1","popular-web-designs",null,"54 real design systems (Stripe, Linear, Vercel) as HTML\u002FCSS.","xuanxuan1983\u002Fhermes-skills-backup","xuanxuan1983","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F151701653?v=4","01M71HCZNB5H19QJ6YBF98W2WH","01M71HCZP14T0921BD0TC9EPD3",1,"MIT","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002FSKILL.md",[17,22,25],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"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],"popular web designs","web","vercel","page","development","dashboard design","as","windows","make","macos","linear","html","ui","stripe","website","dashboard","create","design systems","design","css","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":56,"author":60,"license":14,"version":61,"triggers":62,"platforms":71,"description":7},[49,50,42,43,57,58,59],"web-development","design-systems","templates","Hermes Agent + Teknium (design systems sourced from VoltAgent\u002Fawesome-design-md)","1.0.0",[63,64,65,66,67,68,69,36,70],"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",[72,40,38],"linux","main","17ee50c38aefa9426a89d7e8ee167fdc4c184fb7","agent-skills\u002Fcreative\u002Fpopular-web-designs",0,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983","2026-05-24 00:14:48",{"source":8,"skillName":5,"commands":81,"prompt":91,"zipAvailable":92},[82,85,88],{"tool":83,"command":84},"npx","npx skills add xuanxuan1983\u002Fhermes-skills-backup --skill popular-web-designs",{"tool":86,"command":87},"bunx","bunx skills add xuanxuan1983\u002Fhermes-skills-backup --skill popular-web-designs",{"tool":89,"command":90},"pnpm","pnpm dlx skills add xuanxuan1983\u002Fhermes-skills-backup --skill popular-web-designs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002FSKILL.md",true,[94,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307],{"path":95,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":98,"sourceHtmlUrl":99},"templates\u002Fairbnb.md","REFERENCE","参考文档",14824,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fairbnb.md",{"path":101,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":102,"sourceHtmlUrl":103},"templates\u002Fairtable.md",4300,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fairtable.md",{"path":105,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":106,"sourceHtmlUrl":107},"templates\u002Fapple.md",21122,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fapple.md",{"path":109,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":110,"sourceHtmlUrl":111},"templates\u002Fbmw.md",10585,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fbmw.md",{"path":113,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":114,"sourceHtmlUrl":115},"templates\u002Fcal.md",18582,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fcal.md",{"path":117,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":118,"sourceHtmlUrl":119},"templates\u002Fclaude.md",21078,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fclaude.md",{"path":121,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":122,"sourceHtmlUrl":123},"templates\u002Fclay.md",18105,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fclay.md",{"path":125,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":126,"sourceHtmlUrl":127},"templates\u002Fclickhouse.md",16180,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fclickhouse.md",{"path":129,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":130,"sourceHtmlUrl":131},"templates\u002Fcohere.md",15543,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fcohere.md",{"path":133,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":134,"sourceHtmlUrl":135},"templates\u002Fcoinbase.md",5781,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fcoinbase.md",{"path":137,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":138,"sourceHtmlUrl":139},"templates\u002Fcomposio.md",21732,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fcomposio.md",{"path":141,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":142,"sourceHtmlUrl":143},"templates\u002Fcursor.md",19867,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fcursor.md",{"path":145,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":146,"sourceHtmlUrl":147},"templates\u002Felevenlabs.md",15978,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Felevenlabs.md",{"path":149,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":150,"sourceHtmlUrl":151},"templates\u002Fexpo.md",19466,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fexpo.md",{"path":153,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":154,"sourceHtmlUrl":155},"templates\u002Ffigma.md",12403,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Ffigma.md",{"path":157,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":158,"sourceHtmlUrl":159},"templates\u002Fframer.md",18347,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fframer.md",{"path":161,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":162,"sourceHtmlUrl":163},"templates\u002Fhashicorp.md",16425,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fhashicorp.md",{"path":165,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":166,"sourceHtmlUrl":167},"templates\u002Fibm.md",20366,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fibm.md",{"path":169,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":170,"sourceHtmlUrl":171},"templates\u002Fintercom.md",7162,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fintercom.md",{"path":173,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":174,"sourceHtmlUrl":175},"templates\u002Fkraken.md",5094,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fkraken.md",{"path":177,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":178,"sourceHtmlUrl":179},"templates\u002Flinear.app.md",23231,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Flinear.app.md",{"path":181,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":182,"sourceHtmlUrl":183},"templates\u002Flovable.md",18160,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Flovable.md",{"path":185,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":186,"sourceHtmlUrl":187},"templates\u002Fminimax.md",15071,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fminimax.md",{"path":189,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":190,"sourceHtmlUrl":191},"templates\u002Fmintlify.md",18203,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fmintlify.md",{"path":193,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":194,"sourceHtmlUrl":195},"templates\u002Fmiro.md",5538,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fmiro.md",{"path":197,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":198,"sourceHtmlUrl":199},"templates\u002Fmistral.ai.md",16421,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fmistral.ai.md",{"path":201,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":202,"sourceHtmlUrl":203},"templates\u002Fmongodb.md",15808,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fmongodb.md",{"path":205,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":206,"sourceHtmlUrl":207},"templates\u002Fnotion.md",19090,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fnotion.md",{"path":209,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":210,"sourceHtmlUrl":211},"templates\u002Fnvidia.md",17834,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fnvidia.md",{"path":213,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":214,"sourceHtmlUrl":215},"templates\u002Follama.md",16307,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Follama.md",{"path":217,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":214,"sourceHtmlUrl":218},"templates\u002Fopencode.ai.md","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fopencode.ai.md",{"path":220,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":221,"sourceHtmlUrl":222},"templates\u002Fpinterest.md",12694,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fpinterest.md",{"path":224,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":225,"sourceHtmlUrl":226},"templates\u002Fposthog.md",19347,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fposthog.md",{"path":228,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":229,"sourceHtmlUrl":230},"templates\u002Fraycast.md",19261,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fraycast.md",{"path":232,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":233,"sourceHtmlUrl":234},"templates\u002Freplicate.md",14947,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Freplicate.md",{"path":236,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":237,"sourceHtmlUrl":238},"templates\u002Fresend.md",19201,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fresend.md",{"path":240,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":241,"sourceHtmlUrl":242},"templates\u002Frevolut.md",9363,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Frevolut.md",{"path":244,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":245,"sourceHtmlUrl":246},"templates\u002Frunwayml.md",15097,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Frunwayml.md",{"path":248,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":249,"sourceHtmlUrl":250},"templates\u002Fsanity.md",22041,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fsanity.md",{"path":252,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":253,"sourceHtmlUrl":254},"templates\u002Fsentry.md",15539,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fsentry.md",{"path":256,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":257,"sourceHtmlUrl":258},"templates\u002Fspacex.md",12064,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fspacex.md",{"path":260,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":261,"sourceHtmlUrl":262},"templates\u002Fspotify.md",13731,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fspotify.md",{"path":264,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":265,"sourceHtmlUrl":266},"templates\u002Fstripe.md",21263,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fstripe.md",{"path":268,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":269,"sourceHtmlUrl":270},"templates\u002Fsupabase.md",15592,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fsupabase.md",{"path":272,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":273,"sourceHtmlUrl":274},"templates\u002Fsuperhuman.md",19714,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fsuperhuman.md",{"path":276,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":277,"sourceHtmlUrl":278},"templates\u002Ftogether.ai.md",15073,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Ftogether.ai.md",{"path":280,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":281,"sourceHtmlUrl":282},"templates\u002Fuber.md",19430,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fuber.md",{"path":284,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":285,"sourceHtmlUrl":286},"templates\u002Fvercel.md",20227,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fvercel.md",{"path":288,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":289,"sourceHtmlUrl":290},"templates\u002Fvoltagent.md",27091,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fvoltagent.md",{"path":292,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":293,"sourceHtmlUrl":294},"templates\u002Fwarp.md",17441,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fwarp.md",{"path":296,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":297,"sourceHtmlUrl":298},"templates\u002Fwebflow.md",4863,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fwebflow.md",{"path":300,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":301,"sourceHtmlUrl":302},"templates\u002Fwise.md",9208,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fwise.md",{"path":304,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":305,"sourceHtmlUrl":306},"templates\u002Fx.ai.md",17043,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fx.ai.md",{"path":308,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":309,"sourceHtmlUrl":310},"templates\u002Fzapier.md",19484,"https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fagent-skills\u002Fcreative\u002Fpopular-web-designs\u002Ftemplates\u002Fzapier.md",[312,347,375,391,413,434],{"skillNo":313,"name":314,"nameZh":6,"description":315,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":316,"categories":317,"keywords":328,"publishedAt":51},"01M71JFHVW1W4XE013TY9ZYN9P","writing-plans","Use when you have a spec or requirements for a multi-step task. Creates comprehensive implementation plans with bite-sized tasks, exact file paths, and complete code examples.","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fskills\u002Fsoftware-development\u002Fwriting-plans\u002FSKILL.md",[318,319,322,325],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":320,"categoryName":321,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":323,"categoryName":324,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000030","开发工程师",{"categoryNo":326,"categoryName":327,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000036","内容创作者",[329,330,331,332,333,334,49,335,336,337,338,339,340,341,342,343,344,345,35,346],"writing","writing plans","plans","test-driven","test-driven-development","superpowers","when","workflow","you","code","tasks","subagent","code-review","review","documentation","paths","planning","for",{"skillNo":348,"name":333,"nameZh":6,"description":349,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":350,"categories":351,"keywords":360,"publishedAt":51},"01M71JFF859RV0XGWS206X1TMB","Use when implementing any feature or bugfix, before writing implementation code. Enforces RED-GREEN-REFACTOR cycle with test-first approach.","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fskills\u002Fsoftware-development\u002Ftest-driven-development\u002FSKILL.md",[352,355,358,359],{"categoryNo":353,"categoryName":354,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":356,"categoryName":357,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":320,"categoryName":321,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":326,"categoryName":327,"taxonomyType":28,"taxonomyTypeDesc":29},[361,35,362,363,364,365,366,367,368,369,334,329,370,335,338,340,371,372,373,374],"test driven development","test","driven","test-first","green","cycle","red-green-refactor","testing","implementing","debugging","systematic","bugfix","refactor","systematic-debugging",{"skillNo":376,"name":374,"nameZh":6,"description":377,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":378,"categories":379,"keywords":381,"publishedAt":51},"01M71JFCA5S48PZ5M7DG31R8K5","Use when encountering any bug, test failure, or unexpected behavior. 4-phase root cause investigation — NO fixes without understanding the problem first.","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fskills\u002Fsoftware-development\u002Fsystematic-debugging\u002FSKILL.md",[380],{"categoryNo":356,"categoryName":357,"taxonomyType":20,"taxonomyTypeDesc":21},[382,370,371,332,383,384,333,334,329,335,340,385,386,35,387,388,331,389,390,362],"systematic debugging","problem","problem-solving","phase","bug","fixes","root cause","use","root-cause",{"skillNo":392,"name":393,"nameZh":6,"description":394,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":395,"categories":396,"keywords":406,"publishedAt":51},"01M71JF9RQ092KM5ZXCBBT6FS1","subagent-driven-development","Use when executing implementation plans with independent tasks. Dispatches fresh delegate_task per task with two-stage review (spec compliance then code quality).","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fskills\u002Fsoftware-development\u002Fsubagent-driven-development\u002FSKILL.md",[397,398,401,402,403],{"categoryNo":320,"categoryName":321,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":399,"categoryName":400,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":323,"categoryName":324,"taxonomyType":28,"taxonomyTypeDesc":29},{"categoryNo":326,"categoryName":327,"taxonomyType":28,"taxonomyTypeDesc":29},{"categoryNo":404,"categoryName":405,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000037","律师与法务",[407,340,35,363,332,333,408,409,334,329,335,336,338,339,341,342,410,411,412,331],"subagent driven development","delegate","delegation","fresh","parallel","code quality",{"skillNo":414,"name":415,"nameZh":6,"description":416,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":417,"categories":418,"keywords":421,"publishedAt":51},"01M71JF76DA8ARZ4JRYR4VBRWM","requesting-code-review","Pre-commit verification pipeline — static security scan, baseline-aware quality gates, independent reviewer subagent, and auto-fix loop. Use after code changes and before committing, pushing, or opening a PR.","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fskills\u002Fsoftware-development\u002Frequesting-code-review\u002FSKILL.md",[419,420],{"categoryNo":353,"categoryName":354,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":323,"categoryName":324,"taxonomyType":28,"taxonomyTypeDesc":29},[422,423,338,342,332,424,425,333,426,427,334,428,329,429,430,431,340,341,432,433],"code review","requesting code review","pipeline","static","fix","auto-fix","auto","loop","security scan","commit","reviewer","verification",{"skillNo":435,"name":436,"nameZh":6,"description":437,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":438,"categories":439,"keywords":440,"publishedAt":51},"01M71JF52HZT5VQXFVF9K2H76K","plan","Plan mode for Hermes — inspect context, write a markdown plan into the active workspace's `.hermes\u002Fplans\u002F` directory, and do not execute the work.","https:\u002F\u002Fgithub.com\u002Fxuanxuan1983\u002Fhermes-skills-backup\u002Fblob\u002Fmain\u002Fskills\u002Fsoftware-development\u002Fplan\u002FSKILL.md",[],[436,441,442,345,35,346,443,444,331,329,336,340,445,446,447,448,449,450,451,452],"plan-mode","do","inspect","mode","work","markdown","active","directory","workspace","plan mode","write","implementation"]