frontend-design
Distinctive UI direction for JoyAgent React screens.
Skill by dddd-cloud
Chalk Labs
Need help deploying frontend-design?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/dddd-cloud-frontend-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, writing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Python package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend-design
What's inside
- Skill name
frontend-design- Description
- Distinctive UI direction for JoyAgent React screens. Adapted from anthropics/skills frontend-design, plus a script that flags generic AI-UI copy against this product's Chinese labels.
- License
- Apache-2.0
- Instructions
- 20 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (2)
- SKILL.md
- run.py · scripts/
SKILL.md (first lines)
# Frontend Design for JoyAgent
Adapted from [anthropics/skills frontend-design](https://github.com/anthropics/skills/tree/main/skills/frontend-design).
When changing JoyAgent UI (`ui/src/features/conversation`, `ui/src/components/ChatView`, Phase2 editors):
- Keep existing product words: 登录, 用户名, 密码, 新会话, 发送, 当前用户
- Do not invent English-only chrome on Chinese screens
- Match Ant Design buttons already used (`ant-btn-primary`)
- Login lives at `/login` and lands on `/app`
## Script input
```json
{"copy": ["Submit", "New Chat", "Send"]}
```
The script flags labels that should stay 登录 / 新会话 / 发送.From dddd-cloud/genie-Multiagent-platform, Apache-2.0.
More from dddd-cloud/genie-Multiagent-platform
- 0.552score
joyagent-mcp-connector
dddd-cloud
Add remote MCP servers that pass JoyAgent McpUrlPolicy and HttpMcpClientAdapter.
SkillBFreshness: B★ 1Claude Code +9 - 0.552score
joyagent-skill-author
dddd-cloud
Author and validate JoyAgent Skill Packages.
SkillBFreshness: B★ 1Claude Code +9 - 0.552score
joyagent-ui-e2e
dddd-cloud
Write Playwright tests that match JoyAgent ui/e2e helpers (loginAs, 新会话, 发送).
SkillBFreshness: B★ 1Claude Code +9 - 0.508score
example
dddd-cloud
Minimal browser Python Skill Package example
SkillBFreshness: B★ 1Claude Code +9 - 0.505score
Markdown 网页生成器
dddd-cloud
在浏览器 Python 中把安全 Markdown 子集生成可预览 HTML
SkillBFreshness: B★ 1Claude Code +9 - 0.505score
CSV 图表生成器
dddd-cloud
在浏览器 Python 中把 CSV 分类数值生成可下载 SVG 柱状图
SkillBFreshness: B★ 1Claude Code +9 - 0.505score
文件 ZIP 打包器
dddd-cloud
在浏览器 Python 中把明确提供的文本或 Base64 文件安全打包为 ZIP
SkillBFreshness: B★ 1Claude Code +9 - 0.505score
JSON 数据工作台
dddd-cloud
在浏览器 Python 中检查、定位和扁平化 JSON 数据
SkillBFreshness: B★ 1Claude Code +9 - 0.502score
创建 PDF 报告
dddd-cloud
在浏览器 Pyodide 中创建基础 PDF 文件
SkillBFreshness: B★ 1Claude Code +9 - 0.502score
CSV 数据摘要
dddd-cloud
用 Python 标准库生成 CSV 字段和缺失值摘要
SkillBFreshness: B★ 1Claude Code +9 - 0.502score
浏览器 Notebook
dddd-cloud
在浏览器 Pyodide 中执行可复核的轻量分析步骤
SkillBFreshness: B★ 1Claude Code +9 - 0.502score
浏览器 Python 报告
dddd-cloud
在浏览器 Pyodide 中生成安全的 HTML 报告
SkillBFreshness: B★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 17, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Apache-2.0
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from dddd-cloud
- 0.552score
joyagent-mcp-connector
dddd-cloud
Add remote MCP servers that pass JoyAgent McpUrlPolicy and HttpMcpClientAdapter.
SkillBFreshness: B★ 1Claude Code +9 - 0.552score
joyagent-skill-author
dddd-cloud
Author and validate JoyAgent Skill Packages.
SkillBFreshness: B★ 1Claude Code +9 - 0.552score
joyagent-ui-e2e
dddd-cloud
Write Playwright tests that match JoyAgent ui/e2e helpers (loginAs, 新会话, 发送).
SkillBFreshness: B★ 1Claude Code +9 - 0.508score
example
dddd-cloud
Minimal browser Python Skill Package example
SkillBFreshness: B★ 1Claude Code +9 - 0.505score
Markdown 网页生成器
dddd-cloud
在浏览器 Python 中把安全 Markdown 子集生成可预览 HTML
SkillBFreshness: B★ 1Claude Code +9 - 0.505score
CSV 图表生成器
dddd-cloud
在浏览器 Python 中把 CSV 分类数值生成可下载 SVG 柱状图
SkillBFreshness: B★ 1Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get frontend-design running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
frontend-design skill. Agent Mart. https://agentmart.dev/skills/dddd-cloud-frontend-design (last updated 2026-10-24)