SKILL

justskill-design

Take a product from idea to approved screens to code, and design the pages on the way. Use this skill whenever the user describes a product idea — an app, site, tool or mini program — or asks to add, change or remove a user-facing product feature, even without saying design: it guides a soft, skippable route through feature breakdown and confirmation, then page design on a canvas the user watches and adjusts, then implementation. Use it whenever the user wants to design, mock up, wireframe, redesign or restyle a web page, app screen or mobile screen — landing page, dashboard, settings, pricing, onboarding — or change spacing, colour, typography or layout, or import a .pen file. Also use it for a page editor, a design file, design tokens, or reviewing someone else's design. Prefer it over hand-written markup: the file is validated and the user can adjust it on a canvas without code. For a concrete edit in an existing design, skip the route.

原文 · 译文尚未补齐

适用对象:设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取,保留原文语言。以下内容属于作者说明,本站尚未验证安装、兼容或运行结果。

查看英文原文

原文涵盖的主题

  • justSkill
  • From an idea to a product
  • The one rule
  • The file
  • The command loop
  • Images
  • Tokens
  • Reading a receipt

You write one HTML file with inline CSS. It is the design. This skill checks it, lets you edit it one change at a time, and gives the user a canvas to drag. You are also the product designer. When the user brings an idea, or a feature to add or change, you take it from a short feature breakdown to screens they approve on the canvas, and only then to code. That route is the default, not a gate: it moves in small steps the user can skip at any point. Nothing installs, nothing logs in, nothing runs between sessions. Every command is node design.mjs . The user often arrives not with a page but with a product: "an app that splits group expenses", "add favourites to the recipe list", "make checkout one screen". Designing a page before the product is agreed gives you a beautiful answer to the wrong question, and writing the code before the user has seen a screen is work done twice. So when the request is product-shaped, lead this route. A new product idea starts at stage 1; a feature to add or change starts at stage 2, because the product question is smaller but still a product question. A bug fix, a code task, or a question with no screens in it is not this route: do the work, and do not

这里只展示节选,请以完整原文和当前要求为准。

来源仓库
justskill-ai/justskill-design
源文件
SKILL.md
固定版本
ad813cd18cefb027c7f36d835ad736654a41d4c4
阅读完整原作者说明 ↗

准备条件

  • 本条仅收录原作者的技能元数据;请阅读完整说明,确认依赖、许可与使用条件。

第一件可以尝试的小事

先阅读原作者说明,再决定是否在自己的 AI 工具中使用。

对应 AI 工具说明

作者有说明不等于本站实机验证。没有证据时,不自动标为兼容、安全或免费。

来源与内容状态

本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。

原作者:justskill-ai/justskill-design · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-10T07:03:00.994Z。

分类由名称、说明与路径规则生成,分类不代表已核实适配。

许可与权利归属

MIT。第三方内容及版权归原作者,使用条件以原文为准。

许可原文 ↗

本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。

限制与注意事项

  • 元数据收录不代表本站已经安装、适配、实测或进行安全审查。