CCM
/Skills
SkillsMCPMarketplacesDigestToolsAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Skill index
  • MCP index
  • Marketplace index
  • Plugins Reference

Community

  • About
  • Tools
  • Feedback
  • Privacy Policy
  • Advertise

Built for the Claude Code community with Claude Code by mertbuilds.com

Independent project, not affiliated with Anthropic
nexu-io avatar

Html Ppt Xhs Pastel Card

nexu-io/open-design
191 installs84.7k stars
Summary

This is a pre-configured entry point into the html-ppt system that drops you straight into the xhs-pastel-card template: cream background, Playfair italic serifs for display headings, 28px rounded macaron cards in six pastel colors, SVG donut charts, and soft gradient blobs. It's built for lifestyle, personal growth, or slow living content that wants a magazine-meets-handmade feel instead of corporate slides. The skill doc is thorough about the runtime asset problem: the upstream template links shared CSS and JS via relative paths that break when you copy files into a project, so you either inline everything or rewrite the paths. Honest take: the visual identity is sharp and opinionated, but you're trading setup clarity for design consistency.

Install to Claude Code

npx -y skills add nexu-io/open-design --skill html-ppt-xhs-pastel-card --agent claude-code

Installs into .claude/skills of the current project.

CodeRabbit
CodeRabbit
AI writes the code. CodeRabbit catches the slop.
Try For Free →
MCP-ready Email SendingMCP-ready Email Sending
MCP-ready Email Sending
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Make your agent a DeFi expert
Make your agent a DeFi expert
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Capacitor - Shared memory for your team’s coding agents.
Capacitor - Shared memory for your team’s coding agents.
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
CodeScene MCP ServerCodeScene MCP Server
CodeScene MCP Server
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Give your AI the whole web as clean markdownGive your AI the whole web as clean markdown
Give your AI the whole web as clean markdown
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt - the only tool your agent needs
belt - the only tool your agent needs
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
inference shell
inference shell
create and run specialised agents in minutes
build now →
CodeRabbit
CodeRabbit
AI writes the code. CodeRabbit catches the slop.
Try For Free →
MCP-ready Email SendingMCP-ready Email Sending
MCP-ready Email Sending
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Make your agent a DeFi expert
Make your agent a DeFi expert
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Capacitor - Shared memory for your team’s coding agents.
Capacitor - Shared memory for your team’s coding agents.
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
CodeScene MCP ServerCodeScene MCP Server
CodeScene MCP Server
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Give your AI the whole web as clean markdownGive your AI the whole web as clean markdown
Give your AI the whole web as clean markdown
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt - the only tool your agent needs
belt - the only tool your agent needs
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
inference shell
inference shell
create and run specialised agents in minutes
build now →
Files
SKILL.md

Select a file.

Featured
CodeRabbit
CodeRabbit
AI writes the code. CodeRabbit catches the slop.
Try For Free →
MCP-ready Email SendingMCP-ready Email Sending
MCP-ready Email Sending
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Make your agent a DeFi expert
Make your agent a DeFi expert
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Capacitor - Shared memory for your team’s coding agents.
Capacitor - Shared memory for your team’s coding agents.
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
CodeScene MCP ServerCodeScene MCP Server
CodeScene MCP Server
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Give your AI the whole web as clean markdownGive your AI the whole web as clean markdown
Give your AI the whole web as clean markdown
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt - the only tool your agent needs
belt - the only tool your agent needs
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
inference shell
inference shell
create and run specialised agents in minutes
build now →
Categories
Frontend DevelopmentDesign & UI/UXOffice & Documents
First SeenJun 3, 2026
View on GitHub

More from nexu-io/open-design

All 217 skills →
  • Html Ppt Tech Sharing190
  • Html Ppt Presenter Mode189
  • Html Ppt Testing Safety Alert189
  • Html Ppt Product Launch188
  • Html Ppt Xhs White Editorial188
  • Html Ppt Dir Key Nav Minimal187
  • Html Ppt Xhs Post186
  • Web Prototype Taste Editorial173
  • Web Prototype Taste Soft169
  • Web Prototype Taste Brutalist167
  • Html Ppt Taste Brutalist165
  • Html Ppt Taste Editorial165
  • Open Design Landing Deck144
  • Kami Deck139
  • Kami Landing139
  • Live Artifact129
  • Ui Ux Pro Max4.6k
  • Frontend Design3.4k
  • Web Design Guidelines3.1k
  • Design Brief2.6k
  • Creative Director2.5k
  • Threejs2.5k
  • Pptx Html Fidelity Audit2.5k
  • Hatch Pet2.4k

Recommended

More Frontend Development →
oguzhan18 avatar
angular-services

oguzhan18/angular-ecosystem-skills

ALWAYS use when working with Angular Services, @Injectable, dependency injection, or business logic services.
191
6
schalkneethling avatar
semantic-html

schalkneethling/webdev-agent-skills

semantic html
191
4
allenai2014 avatar
pencil-ui-design

allenai2014/pencil-ui-design

使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库
190
92
nexu-io avatar
html-ppt-tech-sharing

nexu-io/open-design

Conference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharing sessions, conference talks, and code-heavy walkthroughs.
190
84.7k
oguzhan18 avatar
angular-performance

oguzhan18/angular-ecosystem-skills

ALWAYS use when optimizing Angular applications for performance, change detection, bundle size, lazy loading, or runtime performance.
190
6
nexu-io avatar
html-ppt-presenter-mode

nexu-io/open-design

演讲者模式专用 deck — tokyo-night 默认主题,5 套主题 T 键切换,每页带 150-300 字逐字稿示例(<aside class="notes">),按 S 打开 popup(CURRENT / NEXT / SCRIPT / TIMER 四张磁吸卡片)。用于技术分享、公开演讲、课程讲解,怕忘词或要提词器的场景。
189
84.7k