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.

Target: Design & content creation. Automatically collected · unverified.

Use with Claude Code

A guide for this combination is not available yet, and compatibility has not been verified.

Requirements

  • Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.

Choose an AI tool with documented instructions, or save the resource and request a guide after the page loads.

Read the author’s documentation ↗