[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HREWFWBKBHSV8QMB6C04K9":3,"skill-same:01M6HREWFWBKBHSV8QMB6C04K9":67},{"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":22,"publishedAt":41,"linkOnly":42,"markdownContent":43,"markdownBody":44,"frontMatter":45,"refName":46,"commitSha":47,"skillDirectory":48,"forksCount":49,"repositoryHtmlUrl":50,"repositoryHomepageUrl":6,"ownerHtmlUrl":51,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":52,"install":53,"resources":66},"01M6HREWFWBKBHSV8QMB6C04K9","obsidian-markdown",null,"Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.","welflau\u002Fai-dev-system","welflau","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F7010385?v=4","01M6HPTDGF18RFY07M229P8CTM","01M6HPTDMRMZCJPYBFEA9XVVYT",3,"MIT","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fobsidian-skills\u002Fskills\u002Fobsidian-markdown\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000002","文档处理","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],"obsidian markdown","markdown","obsidian","properties","when","document-processing","frontmatter","with","processing","tags","document","files","use","user","edit","syntax","create","notes","2026-11-10 10:12:30",false,"---\nname: obsidian-markdown\ncategory: document-processing\ndescription: Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.\n---\n\n# Obsidian Flavored Markdown\n\nThis skill enables Claude Code to create and edit valid Obsidian Flavored Markdown including wikilinks, embeds, callouts, properties, and all related syntax.\n\n## When to Use This Skill\n\n- Working with .md files in an Obsidian vault\n- Creating notes with wikilinks or internal links\n- Adding embeds for notes, images, audio, or PDFs\n- Using callouts (info boxes, warnings, tips, etc.)\n- Managing frontmatter\u002Fproperties in YAML format\n- Working with tags and nested tags\n- Creating block references and block IDs\n\n## Basic Formatting\n\n### Paragraphs and Line Breaks\n\nParagraphs are separated by blank lines. Single line breaks within a paragraph are ignored unless you use:\n- Two spaces at the end of a line\n- Or use `\u003Cbr>` for explicit breaks\n\n### Headings\n\n```markdown\n# Heading 1\n## Heading 2\n### Heading 3\n#### Heading 4\n##### Heading 5\n###### Heading 6\n```\n\n### Text Styling\n\n```markdown\n**Bold text**\n*Italic text*\n***Bold and italic***\n~~Strikethrough~~\n==Highlighted text==\n```\n\n## Internal Links (Wikilinks)\n\n### Basic Wikilinks\n\n```markdown\n[[Note Name]]\n[[Note Name|Display Text]]\n[[Folder\u002FNote Name]]\n```\n\n### Heading Links\n\n```markdown\n[[Note Name#Heading]]\n[[Note Name#Heading|Display Text]]\n[[#Heading in Current Note]]\n```\n\n### Block References\n\n```markdown\n[[Note Name#^block-id]]\n[[Note Name#^block-id|Display Text]]\n[[#^block-id]]\n```\n\n### Creating Block IDs\n\nAdd a block ID at the end of any paragraph or list item:\n\n```markdown\nThis is a paragraph you can reference. ^my-block-id\n\n- List item with ID ^list-block\n```\n\n## Embeds\n\n### Embedding Notes\n\n```markdown\n![[Note Name]]\n![[Note Name#Heading]]\n![[Note Name#^block-id]]\n```\n\n### Embedding Images\n\n```markdown\n![[image.png]]\n![[image.png|400]]\n![[image.png|400x300]]\n```\n\n### Embedding Audio\n\n```markdown\n![[audio.mp3]]\n```\n\n### Embedding PDFs\n\n```markdown\n![[document.pdf]]\n![[document.pdf#page=5]]\n![[document.pdf#height=400]]\n```\n\n### Embedding Videos\n\n```markdown\n![[video.mp4]]\n```\n\n## Callouts\n\n### Basic Callout Syntax\n\n```markdown\n> [!note]\n> This is a note callout.\n\n> [!warning]\n> This is a warning callout.\n\n> [!tip] Custom Title\n> This callout has a custom title.\n```\n\n### Callout Types\n\n| Type | Aliases | Description |\n|------|---------|-------------|\n| `note` | | Default blue info box |\n| `abstract` | `summary`, `tldr` | Abstract\u002Fsummary |\n| `info` | | Information |\n| `todo` | | Task\u002Ftodo item |\n| `tip` | `hint`, `important` | Helpful tip |\n| `success` | `check`, `done` | Success message |\n| `question` | `help`, `faq` | Question\u002FFAQ |\n| `warning` | `caution`, `attention` | Warning message |\n| `failure` | `fail`, `missing` | Failure message |\n| `danger` | `error` | Error\u002Fdanger |\n| `bug` | | Bug report |\n| `example` | | Example content |\n| `quote` | `cite` | Quotation |\n\n### Foldable Callouts\n\n```markdown\n> [!note]+ Expanded by default\n> Content visible initially.\n\n> [!note]- Collapsed by default\n> Content hidden initially.\n```\n\n### Nested Callouts\n\n```markdown\n> [!question] Can callouts be nested?\n> > [!answer] Yes!\n> > Callouts can be nested inside each other.\n```\n\n## Lists\n\n### Unordered Lists\n\n```markdown\n- Item 1\n- Item 2\n  - Nested item\n  - Another nested item\n- Item 3\n```\n\n### Ordered Lists\n\n```markdown\n1. First item\n2. Second item\n   1. Nested numbered item\n3. Third item\n```\n\n### Task Lists\n\n```markdown\n- [ ] Uncompleted task\n- [x] Completed task\n- [ ] Another task\n```\n\n## Code Blocks\n\n### Inline Code\n\n```markdown\nUse `inline code` for short snippets.\n```\n\n### Fenced Code Blocks\n\n````markdown\n```javascript\nfunction hello() {\n  console.log(\"Hello, world!\");\n}\n```\n````\n\n### Supported Languages\n\nObsidian supports syntax highlighting for many languages including:\n`javascript`, `typescript`, `python`, `rust`, `go`, `java`, `c`, `cpp`, `csharp`, `ruby`, `php`, `html`, `css`, `json`, `yaml`, `markdown`, `bash`, `sql`, and many more.\n\n## Tables\n\n```markdown\n| Header 1 | Header 2 | Header 3 |\n|----------|:--------:|---------:|\n| Left     | Center   | Right    |\n| aligned  | aligned  | aligned  |\n```\n\n## Math (LaTeX)\n\n### Inline Math\n\n```markdown\nThe equation $E = mc^2$ is famous.\n```\n\n### Block Math\n\n```markdown\n$$\n\\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}\n$$\n```\n\n## Diagrams (Mermaid)\n\n````markdown\n```mermaid\ngraph TD\n    A[Start] --> B{Decision}\n    B -->|Yes| C[Do Something]\n    B -->|No| D[Do Something Else]\n    C --> E[End]\n    D --> E\n```\n````\n\n## Footnotes\n\n```markdown\nThis is a sentence with a footnote.[^1]\n\n[^1]: This is the footnote content.\n```\n\n## Comments\n\n```markdown\n%%\nThis is a comment that won't be rendered.\n%%\n\nInline %%comment%% within text.\n```\n\n## Properties (Frontmatter)\n\n### Basic Properties\n\n```yaml\n---\ntitle: My Note Title\ndate: 2024-01-15\ntags:\n  - tag1\n  - tag2\nauthor: John Doe\n---\n```\n\n### Property Types\n\n| Type | Example |\n|------|---------|\n| Text | `title: My Title` |\n| Number | `rating: 5` |\n| Checkbox | `completed: true` |\n| Date | `date: 2024-01-15` |\n| Date & time | `created: 2024-01-15T10:30:00` |\n| List | `tags: [a, b, c]` or multiline |\n| Link | `related: \"[[Other Note]]\"` |\n\n### Multi-value Properties\n\n```yaml\n---\ntags:\n  - project\n  - work\n  - important\naliases:\n  - My Alias\n  - Another Name\ncssclasses:\n  - wide-page\n  - cards\n---\n```\n\n## Tags\n\n### Inline Tags\n\n```markdown\nThis note is about #productivity and #tools.\n```\n\n### Nested Tags\n\n```markdown\n#project\u002Fwork\n#status\u002Fin-progress\n#priority\u002Fhigh\n```\n\n### Tags in Frontmatter\n\n```yaml\n---\ntags:\n  - project\n  - project\u002Fwork\n  - status\u002Factive\n---\n```\n\n## HTML Support\n\nObsidian supports a subset of HTML:\n\n```markdown\n\u003Cdiv class=\"my-class\">\n  Custom HTML content\n\u003C\u002Fdiv>\n\n\u003Cdetails>\n\u003Csummary>Click to expand\u003C\u002Fsummary>\nHidden content here\n\u003C\u002Fdetails>\n\n\u003Ckbd>Ctrl\u003C\u002Fkbd> + \u003Ckbd>C\u003C\u002Fkbd>\n```\n\n## Complete Example\n\n```markdown\n---\ntitle: Project Alpha Overview\ndate: 2024-01-15\ntags:\n  - project\n  - documentation\nstatus: active\n---\n\n# Project Alpha Overview\n\n## Summary\n\nThis document outlines the key aspects of **Project Alpha**. For related materials, see [[Project Alpha\u002FResources]] and [[Team Members]].\n\n> [!info] Quick Facts\n> - Start Date: January 2024\n> - Team Size: 5 members\n> - Status: Active\n\n## Key Features\n\n1. [[Feature A]] - Core functionality\n2. [[Feature B]] - User interface\n3. [[Feature C]] - API integration\n\n### Feature A Details\n\nThe main equation governing our approach is $f(x) = ax^2 + bx + c$.\n\n![[feature-a-diagram.png|500]]\n\n> [!tip] Implementation Note\n> See [[Technical Specs#^impl-note]] for implementation details.\n\n## Tasks\n\n- [x] Initial planning ^planning-task\n- [ ] Development phase\n- [ ] Testing phase\n- [ ] Deployment\n\n## Code Example\n\n```python\ndef process_data(input):\n    return transform(input)\n```\n\n## Architecture\n\n```mermaid\ngraph LR\n    A[Input] --> B[Process]\n    B --> C[Output]\n```\n\n## Notes\n\nThis approach was inspired by ==recent research==[^1].\n\n[^1]: Smith, J. (2024). Modern Approaches to Data Processing.\n\n%%\nTODO: Add more examples\nReview with team next week\n%%\n\n#project\u002Falpha #documentation\n```\n\n## References\n\n- [Obsidian Formatting Syntax](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FBasic+formatting+syntax)\n- [Advanced Formatting](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FAdvanced+formatting+syntax)\n- [Internal Links](https:\u002F\u002Fhelp.obsidian.md\u002FLinking+notes+and+files\u002FInternal+links)\n- [Embedding Files](https:\u002F\u002Fhelp.obsidian.md\u002FLinking+notes+and+files\u002FEmbed+files)\n- [Callouts](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FCallouts)\n- [Properties](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FProperties)\n","# Obsidian Flavored Markdown\n\nThis skill enables Claude Code to create and edit valid Obsidian Flavored Markdown including wikilinks, embeds, callouts, properties, and all related syntax.\n\n## When to Use This Skill\n\n- Working with .md files in an Obsidian vault\n- Creating notes with wikilinks or internal links\n- Adding embeds for notes, images, audio, or PDFs\n- Using callouts (info boxes, warnings, tips, etc.)\n- Managing frontmatter\u002Fproperties in YAML format\n- Working with tags and nested tags\n- Creating block references and block IDs\n\n## Basic Formatting\n\n### Paragraphs and Line Breaks\n\nParagraphs are separated by blank lines. Single line breaks within a paragraph are ignored unless you use:\n- Two spaces at the end of a line\n- Or use `\u003Cbr>` for explicit breaks\n\n### Headings\n\n```markdown\n# Heading 1\n## Heading 2\n### Heading 3\n#### Heading 4\n##### Heading 5\n###### Heading 6\n```\n\n### Text Styling\n\n```markdown\n**Bold text**\n*Italic text*\n***Bold and italic***\n~~Strikethrough~~\n==Highlighted text==\n```\n\n## Internal Links (Wikilinks)\n\n### Basic Wikilinks\n\n```markdown\n[[Note Name]]\n[[Note Name|Display Text]]\n[[Folder\u002FNote Name]]\n```\n\n### Heading Links\n\n```markdown\n[[Note Name#Heading]]\n[[Note Name#Heading|Display Text]]\n[[#Heading in Current Note]]\n```\n\n### Block References\n\n```markdown\n[[Note Name#^block-id]]\n[[Note Name#^block-id|Display Text]]\n[[#^block-id]]\n```\n\n### Creating Block IDs\n\nAdd a block ID at the end of any paragraph or list item:\n\n```markdown\nThis is a paragraph you can reference. ^my-block-id\n\n- List item with ID ^list-block\n```\n\n## Embeds\n\n### Embedding Notes\n\n```markdown\n![[Note Name]]\n![[Note Name#Heading]]\n![[Note Name#^block-id]]\n```\n\n### Embedding Images\n\n```markdown\n![[image.png]]\n![[image.png|400]]\n![[image.png|400x300]]\n```\n\n### Embedding Audio\n\n```markdown\n![[audio.mp3]]\n```\n\n### Embedding PDFs\n\n```markdown\n![[document.pdf]]\n![[document.pdf#page=5]]\n![[document.pdf#height=400]]\n```\n\n### Embedding Videos\n\n```markdown\n![[video.mp4]]\n```\n\n## Callouts\n\n### Basic Callout Syntax\n\n```markdown\n> [!note]\n> This is a note callout.\n\n> [!warning]\n> This is a warning callout.\n\n> [!tip] Custom Title\n> This callout has a custom title.\n```\n\n### Callout Types\n\n| Type | Aliases | Description |\n|------|---------|-------------|\n| `note` | | Default blue info box |\n| `abstract` | `summary`, `tldr` | Abstract\u002Fsummary |\n| `info` | | Information |\n| `todo` | | Task\u002Ftodo item |\n| `tip` | `hint`, `important` | Helpful tip |\n| `success` | `check`, `done` | Success message |\n| `question` | `help`, `faq` | Question\u002FFAQ |\n| `warning` | `caution`, `attention` | Warning message |\n| `failure` | `fail`, `missing` | Failure message |\n| `danger` | `error` | Error\u002Fdanger |\n| `bug` | | Bug report |\n| `example` | | Example content |\n| `quote` | `cite` | Quotation |\n\n### Foldable Callouts\n\n```markdown\n> [!note]+ Expanded by default\n> Content visible initially.\n\n> [!note]- Collapsed by default\n> Content hidden initially.\n```\n\n### Nested Callouts\n\n```markdown\n> [!question] Can callouts be nested?\n> > [!answer] Yes!\n> > Callouts can be nested inside each other.\n```\n\n## Lists\n\n### Unordered Lists\n\n```markdown\n- Item 1\n- Item 2\n  - Nested item\n  - Another nested item\n- Item 3\n```\n\n### Ordered Lists\n\n```markdown\n1. First item\n2. Second item\n   1. Nested numbered item\n3. Third item\n```\n\n### Task Lists\n\n```markdown\n- [ ] Uncompleted task\n- [x] Completed task\n- [ ] Another task\n```\n\n## Code Blocks\n\n### Inline Code\n\n```markdown\nUse `inline code` for short snippets.\n```\n\n### Fenced Code Blocks\n\n````markdown\n```javascript\nfunction hello() {\n  console.log(\"Hello, world!\");\n}\n```\n````\n\n### Supported Languages\n\nObsidian supports syntax highlighting for many languages including:\n`javascript`, `typescript`, `python`, `rust`, `go`, `java`, `c`, `cpp`, `csharp`, `ruby`, `php`, `html`, `css`, `json`, `yaml`, `markdown`, `bash`, `sql`, and many more.\n\n## Tables\n\n```markdown\n| Header 1 | Header 2 | Header 3 |\n|----------|:--------:|---------:|\n| Left     | Center   | Right    |\n| aligned  | aligned  | aligned  |\n```\n\n## Math (LaTeX)\n\n### Inline Math\n\n```markdown\nThe equation $E = mc^2$ is famous.\n```\n\n### Block Math\n\n```markdown\n$$\n\\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}\n$$\n```\n\n## Diagrams (Mermaid)\n\n````markdown\n```mermaid\ngraph TD\n    A[Start] --> B{Decision}\n    B -->|Yes| C[Do Something]\n    B -->|No| D[Do Something Else]\n    C --> E[End]\n    D --> E\n```\n````\n\n## Footnotes\n\n```markdown\nThis is a sentence with a footnote.[^1]\n\n[^1]: This is the footnote content.\n```\n\n## Comments\n\n```markdown\n%%\nThis is a comment that won't be rendered.\n%%\n\nInline %%comment%% within text.\n```\n\n## Properties (Frontmatter)\n\n### Basic Properties\n\n```yaml\n---\ntitle: My Note Title\ndate: 2024-01-15\ntags:\n  - tag1\n  - tag2\nauthor: John Doe\n---\n```\n\n### Property Types\n\n| Type | Example |\n|------|---------|\n| Text | `title: My Title` |\n| Number | `rating: 5` |\n| Checkbox | `completed: true` |\n| Date | `date: 2024-01-15` |\n| Date & time | `created: 2024-01-15T10:30:00` |\n| List | `tags: [a, b, c]` or multiline |\n| Link | `related: \"[[Other Note]]\"` |\n\n### Multi-value Properties\n\n```yaml\n---\ntags:\n  - project\n  - work\n  - important\naliases:\n  - My Alias\n  - Another Name\ncssclasses:\n  - wide-page\n  - cards\n---\n```\n\n## Tags\n\n### Inline Tags\n\n```markdown\nThis note is about #productivity and #tools.\n```\n\n### Nested Tags\n\n```markdown\n#project\u002Fwork\n#status\u002Fin-progress\n#priority\u002Fhigh\n```\n\n### Tags in Frontmatter\n\n```yaml\n---\ntags:\n  - project\n  - project\u002Fwork\n  - status\u002Factive\n---\n```\n\n## HTML Support\n\nObsidian supports a subset of HTML:\n\n```markdown\n\u003Cdiv class=\"my-class\">\n  Custom HTML content\n\u003C\u002Fdiv>\n\n\u003Cdetails>\n\u003Csummary>Click to expand\u003C\u002Fsummary>\nHidden content here\n\u003C\u002Fdetails>\n\n\u003Ckbd>Ctrl\u003C\u002Fkbd> + \u003Ckbd>C\u003C\u002Fkbd>\n```\n\n## Complete Example\n\n```markdown\n---\ntitle: Project Alpha Overview\ndate: 2024-01-15\ntags:\n  - project\n  - documentation\nstatus: active\n---\n\n# Project Alpha Overview\n\n## Summary\n\nThis document outlines the key aspects of **Project Alpha**. For related materials, see [[Project Alpha\u002FResources]] and [[Team Members]].\n\n> [!info] Quick Facts\n> - Start Date: January 2024\n> - Team Size: 5 members\n> - Status: Active\n\n## Key Features\n\n1. [[Feature A]] - Core functionality\n2. [[Feature B]] - User interface\n3. [[Feature C]] - API integration\n\n### Feature A Details\n\nThe main equation governing our approach is $f(x) = ax^2 + bx + c$.\n\n![[feature-a-diagram.png|500]]\n\n> [!tip] Implementation Note\n> See [[Technical Specs#^impl-note]] for implementation details.\n\n## Tasks\n\n- [x] Initial planning ^planning-task\n- [ ] Development phase\n- [ ] Testing phase\n- [ ] Deployment\n\n## Code Example\n\n```python\ndef process_data(input):\n    return transform(input)\n```\n\n## Architecture\n\n```mermaid\ngraph LR\n    A[Input] --> B[Process]\n    B --> C[Output]\n```\n\n## Notes\n\nThis approach was inspired by ==recent research==[^1].\n\n[^1]: Smith, J. (2024). Modern Approaches to Data Processing.\n\n%%\nTODO: Add more examples\nReview with team next week\n%%\n\n#project\u002Falpha #documentation\n```\n\n## References\n\n- [Obsidian Formatting Syntax](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FBasic+formatting+syntax)\n- [Advanced Formatting](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FAdvanced+formatting+syntax)\n- [Internal Links](https:\u002F\u002Fhelp.obsidian.md\u002FLinking+notes+and+files\u002FInternal+links)\n- [Embedding Files](https:\u002F\u002Fhelp.obsidian.md\u002FLinking+notes+and+files\u002FEmbed+files)\n- [Callouts](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FCallouts)\n- [Properties](https:\u002F\u002Fhelp.obsidian.md\u002FEditing+and+formatting\u002FProperties)\n",{"name":5,"category":28,"description":7},"main","18d0e63d1313ca87098f614aa7c1e2dcf6de79c7","backend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fobsidian-skills\u002Fskills\u002Fobsidian-markdown",1,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system","https:\u002F\u002Fgithub.com\u002Fwelflau","2026-11-12 14:55:20",{"source":8,"skillName":5,"commands":54,"prompt":64,"zipAvailable":65},[55,58,61],{"tool":56,"command":57},"npx","npx skills add welflau\u002Fai-dev-system --skill obsidian-markdown",{"tool":59,"command":60},"bunx","bunx skills add welflau\u002Fai-dev-system --skill obsidian-markdown",{"tool":62,"command":63},"pnpm","pnpm dlx skills add welflau\u002Fai-dev-system --skill obsidian-markdown","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fobsidian-skills\u002Fskills\u002Fobsidian-markdown\u002FSKILL.md",true,[],[68,100,129,154,180,204],{"skillNo":69,"name":70,"nameZh":6,"description":71,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":73,"sourceHtmlUrl":74,"categories":75,"keywords":79,"publishedAt":41},"01M6HSTDP4M3JFXEBK91VFB4PA","web-artifacts-builder","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Fweb-artifacts-builder\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Fweb-artifacts-builder\u002FSKILL.md",[76],{"categoryNo":77,"categoryName":78,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[80,81,82,83,84,85,86,87,88,89,90,91,92,93,35,94,95,96,97,98,99],"web artifacts builder","web","artifacts","artifacts builder","builder","frontend","css","components","react","routing","state management","state","file","Tailwind","single-file","simple","ui components","multi","for","single",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":104,"sourceHtmlUrl":105,"categories":106,"keywords":116,"publishedAt":41},"01M6HSDXH0JSP8R3QTNY9XZ8HN","frontend-design","Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML\u002FCSS layouts, or when styling\u002Fbeautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Ffrontend-design\u002FSKILL.md",[107,108,111],{"categoryNo":77,"categoryName":78,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":109,"categoryName":110,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":112,"categoryName":113,"taxonomyType":114,"taxonomyTypeDesc":115},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[85,117,118,86,81,87,88,119,39,120,82,121,122,123,35,124,125,126,127,30,128,27],"design","frontend design","react components","code","examples","applications","landing","ui design","pages","aesthetics","web ui","generic",{"skillNo":130,"name":131,"nameZh":6,"description":132,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":133,"sourceHtmlUrl":134,"categories":135,"keywords":137,"publishedAt":41},"01M6HSA77QYVP7A72HREGTDN2C","algorithmic-art","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Falgorithmic-art\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Falgorithmic-art\u002FSKILL.md",[136],{"categoryNo":109,"categoryName":110,"taxonomyType":20,"taxonomyTypeDesc":21},[138,139,140,39,120,141,142,143,144,35,145,146,147,148,30,149,150,151,152,153,27],"algorithmic art","Art","algorithmic","flow","js","work","interactive","generative art","exploration","systems","users","Existing","request","generative","copyright","fields",{"skillNo":155,"name":156,"nameZh":6,"description":157,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":158,"sourceHtmlUrl":159,"categories":160,"keywords":162,"publishedAt":41},"01M6HS9HE0X390Y6RQKTY1YNGJ","theme-factory","Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors\u002Ffonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ftheme-factory\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ftheme-factory\u002FSKILL.md",[161],{"categoryNo":109,"categoryName":110,"taxonomyType":20,"taxonomyTypeDesc":21},[163,164,165,166,167,168,82,169,170,171,123,172,173,125,174,30,175,176,177,98,178,179],"theme factory","factory","theme","docs","toolkit","generate","SET","fly","slides","styling","artifact","themes","you","fonts","can","apply","new",{"skillNo":181,"name":182,"nameZh":6,"description":183,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":184,"categories":185,"keywords":189,"publishedAt":41},"01M6HS74GASM6FJ77F83EY679E","browsing","Use when you need direct browser control - teaches Chrome DevTools Protocol for controlling existing browser sessions, multi-tab management, form automation, and content extraction via use_browser MCP tool","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fsuperpowers-chrome\u002Fskills\u002Fbrowsing\u002FSKILL.md",[186],{"categoryNo":187,"categoryName":188,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[182,190,191,192,193,194,195,196,197,198,199,35,200,201,202,203,97,175,98,149],"MCP","automation","chrome","sessions","protocol","browser","devtools","chrome devtools","tool","direct","browser control","control","via","form",{"skillNo":205,"name":206,"nameZh":6,"description":207,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":208,"sourceHtmlUrl":209,"categories":210,"keywords":217,"publishedAt":41},"01M6HS6BZT2CKDNQ6YF20DXN4T","slack-gif-creator","Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like \"make me a GIF of X doing Y for Slack.\"","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fslack-gif-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fslack-gif-creator\u002FSKILL.md",[211,214],{"categoryNo":212,"categoryName":213,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000005","邮件与沟通",{"categoryNo":215,"categoryName":216,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[218,219,220,221,222,223,224,225,226,35,227,148,228,229,230,98,150,27],"slack gif creator","slack","gif","creator","validation","Tools","constraints","Animation","knowledge","me","make","Utilities","concepts"]