[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JC8JB6FS4YZGRJJK5QMXND":3,"skill-same:01M6JC8JB6FS4YZGRJJK5QMXND":312},{"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":33,"publishedAt":54,"linkOnly":55,"markdownContent":56,"markdownBody":57,"frontMatter":58,"refName":73,"commitSha":74,"skillDirectory":75,"forksCount":76,"repositoryHtmlUrl":77,"repositoryHomepageUrl":78,"ownerHtmlUrl":79,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":80,"install":81,"resources":94},"01M6JC8JB6FS4YZGRJJK5QMXND","popular-web-designs",null,"54 real design systems (Stripe, Linear, Vercel) as HTML\u002FCSS.","S3YED\u002Fappie-kit","S3YED","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F62743867?v=4","01M6JBKBRRVP6KMS0VWZ27T3R6","01M6JBKBX0KG30284PW1DBYJT1",14,"MIT","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002FSKILL.md",[17,22,25,28],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":26,"categoryName":27,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":29,"categoryName":30,"taxonomyType":31,"taxonomyTypeDesc":32},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53],"web","popular web designs","page","make","as","stripe","dashboard design","web-development","html","vercel","landing","design","ui","website","linear","design systems","create","development","dashboard","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]\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":59,"author":62,"license":14,"version":63,"triggers":64,"description":7},[45,53,42,46,41,60,61],"design-systems","templates","Hermes Agent + Teknium (design systems sourced from VoltAgent\u002Fawesome-design-md)","1.0.0",[65,66,67,68,69,70,71,40,72],"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","master","8ec37df6d71fb664ea19d32c079e7d3ff931a8e0","skills\u002Fcontent\u002Fpopular-web-designs",3,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit","https:\u002F\u002Fweblyfe.ai","https:\u002F\u002Fgithub.com\u002FS3YED","2026-08-27 01:54:02",{"source":8,"skillName":5,"commands":82,"prompt":92,"zipAvailable":93},[83,86,89],{"tool":84,"command":85},"npx","npx skills add S3YED\u002Fappie-kit --skill popular-web-designs",{"tool":87,"command":88},"bunx","bunx skills add S3YED\u002Fappie-kit --skill popular-web-designs",{"tool":90,"command":91},"pnpm","pnpm dlx skills add S3YED\u002Fappie-kit --skill popular-web-designs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002FSKILL.md",true,[95,101,105,109,113,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308],{"path":96,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":99,"sourceHtmlUrl":100},"templates\u002Fairbnb.md","REFERENCE","参考文档",14824,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fairbnb.md",{"path":102,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":103,"sourceHtmlUrl":104},"templates\u002Fairtable.md",4300,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fairtable.md",{"path":106,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":107,"sourceHtmlUrl":108},"templates\u002Fapple.md",21122,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fapple.md",{"path":110,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":111,"sourceHtmlUrl":112},"templates\u002Fbmw.md",10585,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fbmw.md",{"path":114,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":115,"sourceHtmlUrl":116},"templates\u002Fcal.md",18582,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fcal.md",{"path":118,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":119,"sourceHtmlUrl":120},"templates\u002Fclaude.md",21078,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fclaude.md",{"path":122,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":123,"sourceHtmlUrl":124},"templates\u002Fclay.md",18105,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fclay.md",{"path":126,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":127,"sourceHtmlUrl":128},"templates\u002Fclickhouse.md",16180,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fclickhouse.md",{"path":130,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":131,"sourceHtmlUrl":132},"templates\u002Fcohere.md",15543,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fcohere.md",{"path":134,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":135,"sourceHtmlUrl":136},"templates\u002Fcoinbase.md",5781,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fcoinbase.md",{"path":138,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":139,"sourceHtmlUrl":140},"templates\u002Fcomposio.md",21732,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fcomposio.md",{"path":142,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":143,"sourceHtmlUrl":144},"templates\u002Fcursor.md",19867,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fcursor.md",{"path":146,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":147,"sourceHtmlUrl":148},"templates\u002Felevenlabs.md",15978,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Felevenlabs.md",{"path":150,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":151,"sourceHtmlUrl":152},"templates\u002Fexpo.md",19466,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fexpo.md",{"path":154,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":155,"sourceHtmlUrl":156},"templates\u002Ffigma.md",12403,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Ffigma.md",{"path":158,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":159,"sourceHtmlUrl":160},"templates\u002Fframer.md",18347,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fframer.md",{"path":162,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":163,"sourceHtmlUrl":164},"templates\u002Fhashicorp.md",16425,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fhashicorp.md",{"path":166,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":167,"sourceHtmlUrl":168},"templates\u002Fibm.md",20366,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fibm.md",{"path":170,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":171,"sourceHtmlUrl":172},"templates\u002Fintercom.md",7162,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fintercom.md",{"path":174,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":175,"sourceHtmlUrl":176},"templates\u002Fkraken.md",5094,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fkraken.md",{"path":178,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":179,"sourceHtmlUrl":180},"templates\u002Flinear.app.md",23231,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Flinear.app.md",{"path":182,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":183,"sourceHtmlUrl":184},"templates\u002Flovable.md",18160,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Flovable.md",{"path":186,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":187,"sourceHtmlUrl":188},"templates\u002Fminimax.md",15071,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fminimax.md",{"path":190,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":191,"sourceHtmlUrl":192},"templates\u002Fmintlify.md",18203,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fmintlify.md",{"path":194,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":195,"sourceHtmlUrl":196},"templates\u002Fmiro.md",5538,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fmiro.md",{"path":198,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":199,"sourceHtmlUrl":200},"templates\u002Fmistral.ai.md",16421,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fmistral.ai.md",{"path":202,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":203,"sourceHtmlUrl":204},"templates\u002Fmongodb.md",15808,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fmongodb.md",{"path":206,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":207,"sourceHtmlUrl":208},"templates\u002Fnotion.md",19090,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fnotion.md",{"path":210,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":211,"sourceHtmlUrl":212},"templates\u002Fnvidia.md",17834,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fnvidia.md",{"path":214,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":215,"sourceHtmlUrl":216},"templates\u002Follama.md",16307,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Follama.md",{"path":218,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":215,"sourceHtmlUrl":219},"templates\u002Fopencode.ai.md","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fopencode.ai.md",{"path":221,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":222,"sourceHtmlUrl":223},"templates\u002Fpinterest.md",12694,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fpinterest.md",{"path":225,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":226,"sourceHtmlUrl":227},"templates\u002Fposthog.md",19347,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fposthog.md",{"path":229,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":230,"sourceHtmlUrl":231},"templates\u002Fraycast.md",19261,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fraycast.md",{"path":233,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":234,"sourceHtmlUrl":235},"templates\u002Freplicate.md",14947,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Freplicate.md",{"path":237,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":238,"sourceHtmlUrl":239},"templates\u002Fresend.md",19201,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fresend.md",{"path":241,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":242,"sourceHtmlUrl":243},"templates\u002Frevolut.md",9363,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Frevolut.md",{"path":245,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":246,"sourceHtmlUrl":247},"templates\u002Frunwayml.md",15097,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Frunwayml.md",{"path":249,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":250,"sourceHtmlUrl":251},"templates\u002Fsanity.md",22041,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fsanity.md",{"path":253,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":254,"sourceHtmlUrl":255},"templates\u002Fsentry.md",15539,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fsentry.md",{"path":257,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":258,"sourceHtmlUrl":259},"templates\u002Fspacex.md",12064,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fspacex.md",{"path":261,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":262,"sourceHtmlUrl":263},"templates\u002Fspotify.md",13731,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fspotify.md",{"path":265,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":266,"sourceHtmlUrl":267},"templates\u002Fstripe.md",21263,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fstripe.md",{"path":269,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":270,"sourceHtmlUrl":271},"templates\u002Fsupabase.md",15592,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fsupabase.md",{"path":273,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":274,"sourceHtmlUrl":275},"templates\u002Fsuperhuman.md",19714,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fsuperhuman.md",{"path":277,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":278,"sourceHtmlUrl":279},"templates\u002Ftogether.ai.md",15073,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Ftogether.ai.md",{"path":281,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":282,"sourceHtmlUrl":283},"templates\u002Fuber.md",19430,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fuber.md",{"path":285,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":286,"sourceHtmlUrl":287},"templates\u002Fvercel.md",20227,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fvercel.md",{"path":289,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":290,"sourceHtmlUrl":291},"templates\u002Fvoltagent.md",27091,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fvoltagent.md",{"path":293,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":294,"sourceHtmlUrl":295},"templates\u002Fwarp.md",17441,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fwarp.md",{"path":297,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":298,"sourceHtmlUrl":299},"templates\u002Fwebflow.md",4863,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fwebflow.md",{"path":301,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":302,"sourceHtmlUrl":303},"templates\u002Fwise.md",9208,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fwise.md",{"path":305,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":306,"sourceHtmlUrl":307},"templates\u002Fx.ai.md",17043,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fx.ai.md",{"path":309,"resourceType":97,"resourceTypeDesc":98,"sizeBytes":310,"sourceHtmlUrl":311},"templates\u002Fzapier.md",19484,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fpopular-web-designs\u002Ftemplates\u002Fzapier.md",[313,345,370,396,426,451],{"skillNo":314,"name":315,"nameZh":6,"description":316,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":317,"categories":318,"keywords":326,"publishedAt":54},"01M6JFD4M6N4DSGC7TXEJ5R3J2","ai-music","AI music generation and audio tools: HeartMuLa lyrics-to-music generation, songwriting craft (+ Suno prompts), and audio spectrogram\u002Ffeature visualization.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fwethlete\u002Fai-music\u002FSKILL.md",[319,322,325],{"categoryNo":320,"categoryName":321,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":323,"categoryName":324,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":26,"categoryName":27,"taxonomyType":20,"taxonomyTypeDesc":21},[327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344],"music","ai music","humanizer","visualization","Tools","Audio","hermes","hermes agent","songwriting","suno","lyrics","prompts","heartmula","craft","generation","feature","ai music generation","music generation",{"skillNo":346,"name":347,"nameZh":6,"description":348,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":349,"categories":350,"keywords":353,"publishedAt":54},"01M6JFCZE4XNFQFMNZDHKHT5V5","agentic-webdesign-design-system-ingestion","Use v0 Design Systems 2.0, Bolt Design System Agents, or Lovable to generate production UI from a client's real design system components — not generic Tailwind. Use when building a client website where brand consistency matters.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-design-system-ingestion\u002FSKILL.md",[351,352],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":29,"categoryName":30,"taxonomyType":31,"taxonomyTypeDesc":32},[45,354,355,356,357,358,359,360,361,49,47,46,362,363,364,365,366,367,368,369],"agentic","design system","system","ingestion","webdesign","agentic webdesign design system ingestion","components","generate","Tailwind","bolt","lovable","v0","design-system","wed","design system components","appie",{"skillNo":371,"name":372,"nameZh":6,"description":373,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":374,"categories":375,"keywords":378,"publishedAt":54},"01M6JFCVPX3913CFAS6QQJ33ZB","agentic-webdesign-agent-elements","Use 21st.dev Agent Elements — 25 shadcn\u002Fui components purpose-built for AI agent UIs. Tool cards (Bash, Edit, Search, Plan, Subagent, MCP), chat, input, streaming. Open source, shadcn-registry install, no runtime lock-in.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-agent-elements\u002FSKILL.md",[376,377],{"categoryNo":26,"categoryName":27,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":29,"categoryName":30,"taxonomyType":31,"taxonomyTypeDesc":32},[354,379,358,380,381,382,360,383,384,385,386,387,388,389,390,391,392,393,394,395],"elements","agentic webdesign agent elements","MCP","ai agent","registry","search","streaming","open source","open","Bash","plan","subagent","edit","install","input","lock","source",{"skillNo":397,"name":398,"nameZh":6,"description":399,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":400,"categories":401,"keywords":406,"publishedAt":54},"01M6JFCQC7H65M9QJ6TRE71BS1","vercel-deployment","Deploy static sites and frontends to Vercel — handles both CLI and REST API paths, including the CLI token sanitization workaround.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fvercel-deployment\u002FSKILL.md",[402,405],{"categoryNo":403,"categoryName":404,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":26,"categoryName":27,"taxonomyType":20,"taxonomyTypeDesc":21},[407,408,43,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425],"deployment","vercel deployment","macos","cli","linux","windows","deploy","vercel deploy","REST","api","site","deploy to vercel","token","rest api","host","sites","paths","sanitization","static site",{"skillNo":427,"name":428,"nameZh":6,"description":429,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":430,"categories":431,"keywords":433,"publishedAt":54},"01M6JFCM4SMTXBM5A01BK2YQG1","software-quality-workflows","Umbrella workflow for TDD, debugging, code simplification, spikes, pre-commit review, and debugger-assisted investigation.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fsoftware-quality-workflows\u002FSKILL.md",[432],{"categoryNo":26,"categoryName":27,"taxonomyType":20,"taxonomyTypeDesc":21},[434,435,436,437,438,439,440,441,442,443,444,445,446,447,448,449,450],"workflows","quality","software","software quality workflows","review","tdd","workflow","commit","debugging","code","debugger","pre-commit","investigation","code simplification","user","simplification","for",{"skillNo":452,"name":453,"nameZh":6,"description":454,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":455,"categories":456,"keywords":462,"publishedAt":54},"01M6JFCGD0M6CEATY01W7YN6DB","react-component-refactoring","Safely refactor large React components into smaller, maintainable pieces using proven patterns","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Freact-component-refactoring\u002FSKILL.md",[457,460,461],{"categoryNo":458,"categoryName":459,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":26,"categoryName":27,"taxonomyType":20,"taxonomyTypeDesc":21},[463,464,465,466,467,468,469,470,409,471,472,360,473,412,474,443,475,476,477,478],"react","component","refactoring","component refactoring","react component","react component refactoring","frontend","writing","safe","typescript","react components","modular","refactor","simplify","patterns","test-driven-development"]