rojim666/sztucode/ardot-ui-design

Claude Code and agent skill by rojim666/sztucode

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Use this skill for Ardot canvas design tasks whose deliverable is a UI / interface design — web pages, web apps, dashboards, landing pages, marketing sites, official sites, homepages, mobile app screens (iOS / Android / 小程序), forms, tables, components, and design systems / design tokens / component libraries. Trigger phrases: generate/create/design a page, design a screen, create a landing page, make a dashboard, design a login screen, build a UI, generate homepage, design a form, design an App, WebApp, 设计页面, 创建界面, 生成页面, 生成网站, 设计App, 做一个页面, 画一个页面, 设计后台, 组件库规范, 设计系统, Design System, Design Token, 移动端, 手机App, 小程序. Pairs with ardot-design-core (injected alongside). NOT for slides/posters/design-to-code (separate Ardot skills) and NOT for PowerPoint .pptx files (pptx skill).

Install

npx vskill@latest install rojim666/sztucode/ardot-ui-design

SKILL.md

Ardot UI Design

Domain guidelines for UI / interface deliverables on the Ardot canvas: web pages, web apps, dashboards, landing pages, mobile app screens, tables, forms, components, and design systems.

The general workflow and hard rules live in `ardot-design-core`, which is injected alongside this skill. This skill only adds the domain-specific guidelines for UI work. Follow ardot-design-core for the step sequence (Step 0 file-open → Step 8 validate), schema, editing rules, effects, and screenshot verification.

Domain Guidelines (load in Step 3)

Load one or more guideline based on the deliverable, first match wins:

PriorityTriggerFile
1any mobile app design task — mobile, app, iOS, Android, app UI, 移动端, 手机 App, 移动应用, 小程序{SKILL_ROOT}/references/guidelines-mobile-app.md
2any website task — landing, marketing, SaaS, product site, official site, homepage, 网站, 官网, 落地页, 营销{SKILL_ROOT}/references/guidelines-landing-page.md
3table, dashboard with tables, 表格{SKILL_ROOT}/references/guidelines-table.md
4(web app / design system / generic UI, default){SKILL_ROOT}/references/guidelines-web-app.md
  • Design system / component library / design tokens tasks use the default guidelines-web-app.md as the base, applying the same component/typography/color discipline at library scope (build a token set, component states, spacing scale).
  • Image-to-UI (reproducing a UI from a reference image): follow the same guidelines, but treat the supplied image as the layout/visual source of truth and reproduce its structure faithfully before restyling.

When code generation is also involved, load guidelines-code.md / guidelines-tailwind.md from the ardot-design-to-code skill alongside the chosen guideline above.

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

7-day trend score
5

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/rojim666/sztucode/ardot-ui-design/badge)](https://verified-skill.com/skills/rojim666/sztucode/ardot-ui-design)

Something wrong with this skill or its page? Tell us.