🎁 Get the FREE AI Skills Starter Guide — Subscribe →
BytesAgainBytesAgain
BytesAgain › Skills › Sloth D2C Skills
🦀 ClawHub

Sloth D2C Skills

by @cherokeeli

将Figma设计稿转换为前端组件代码（Design to Code）。通过 `sloth d2c` CLI 获取设计稿数据，分片处理并生成最终代码。当用户提到Figma转代码、设计稿转代码、D2C、design to code、生成页面时使用。

Versionv1.0.2
#requires-sensitive-credentials#clawhub
View on ClawHub
TERMINAL
clawhub install sloth-d2c-skills

🧪 Use this skill with your agent

Most visitors already have an agent. Pick your environment, install or copy the workflow, then run the smoke-test prompt above.

Manus
Task-oriented agent. Great for testing AI skills end-to-end.
Try Manus →
OpenClaw
Local-first agent. Install skills via ClawHub CLI.
Set up OpenClaw →
Claude Code
Anthropic's coding agent. Paste the prompt or SKILL.md into your session.
Claude Code docs →
Cursor
AI-powered IDE. Use the smoke-test prompt in Cursor Agent.
Open Cursor →
Continue.dev
Open-source AI code assistant. Add SKILL.md as a custom tool.
Continue docs →
Windsurf
Agentic IDE by Codeium. Paste the prompt into Cascade.
Try Windsurf →
Cline
VS Code extension for autonomous coding with MCP tools.
Cline on GitHub →
Copilot Workspace
GitHub's AI dev environment. Suitable for code-generation skills.
Copilot Workspace →

🔍 Can't find the right skill?

Search 60,000+ AI agent skills — free, no login needed.

Search Skills →