dscode

Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.

Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.

HTML prototype generation workflow for frontend UI exploration. Load this skill (which auto-loads html-output) before generating any HTML prototype. Specifies output directory, naming convention, style alignment, and iteration flow.

Build polished front-end UI together with a signature motion effect in a single self-contained HTML file, combining SVG.js / SVG filters and the Canvas 2D API. Use when the user asks to build a web page, landing page, dashboard, or component that has a special visual effect, animation, particle system, fluid/water distortion, text-reveal, deconstruction/reconstruction, or any "make the UI react / ripple / shatter / reassemble" request. Covers three worked patterns: (1) mouse-driven water ripple distortion over real UI, (2) particle cascade that deconstructs UI and rebuilds it as text, and (3) hop-step cluster that strikes DOM elements row-by-row with squash/stretch physics.

Produce rich, self-contained, single-file HTML as the default output format instead of Markdown — for specs, plans, code reviews, PR write-ups, reports, explainers, design explorations, slide decks, SVG diagrams, and small interactive editors with copy-as-prompt/JSON export. USE WHEN the user asks to "make an HTML file/artifact", or wants a richer, more readable, shareable deliverable (anything you'd otherwise write as a long Markdown doc: plans, reviews, reports, explainers, mockups, dashboards, editors). DO NOT USE WHEN the user explicitly wants Markdown/plain text, a Feishu/Lark doc, or a real multi-file production web app with a build step.