Menu
SkillsMP has collected 23 skills from ainurdev/mystical-assistant. Open a skill to review its source and details.
Showing 23 of 23 collected skills.
Use when the user sends /design-first <task> or presses the composer's DESIGN button — design the change before any implementation. Produces brand-system HTML mockups plus a short spec, screenshots them into the transcript, pushes the draft to the linked…
Use when the user sends /design-implement [name] — they designed something themselves in the claude.ai Design UI; pull it from the linked Claude Design project and implement it in this repo.
Use when starting a feature, experiment or risky refactor in this repo — anything bigger than a one-file fix. Also when the user says "worktree", "new branch", "work on this in parallel", or when a change adds a table, a column or any new persisted data.…
Use when frontend work in this repo needs to be looked at rather than asserted — after changing anything under bridge/dashboard/web, bridge/miniapp/web or site/, or when the user says "screenshot it", "does it look right", "show me the dashboard", or asks you…
Use when adding or changing a capability in this repo that users should reach — a new endpoint, panel, command, or piece of session data. Names every file the change has to touch across the bot, the Mini App and the dashboard, in order, so a surface doesn't…
Use when a change to this repo needs to actually run — after editing anything under bridge/, or when the user says "restart the bridge", "is it live", "ship it", "rebuild the dashboard", or reports that a fix you already made isn't working. Covers the…
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Use this skill to generate well-branded interfaces and assets for Mystical Assistant — a remote-dev bridge that runs Claude Code on your machine, driven from a Telegram bot, a Telegram Mini App, and a localhost desktop dashboard. Its look is a phosphor CRT…
Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero media, feature callouts, or modal-like containers need refined shadows without default Tailwind shadow scales or…
Use when building or fixing a palette — accessible, consistent, and legible in both themes.
When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," or "content…
Use when critiquing a screen or component — hierarchy, spacing, states, and whether it reads as intentional.
Use when setting up or auditing a token system — colour, spacing, radius, and type as named decisions.
Use when a view can be empty, slow, or broken — design the other three states, not just the happy one.
Use when writing onboarding docs — get a newcomer to a working change on day one.
Use when setting type — a small ramp, deliberate line height, and hierarchy that survives real content.
Pick and apply a complete visual style direction — surface ladder, type scale, accent discipline, and one signature structural motif — for a website, landing page, dashboard, or app shell. Use when asked for a specific look such as dark glass, dark technical,…
Use when checking a UI against WCAG basics — keyboard, contrast, semantics, and announced state.
Use when documenting endpoints or a public interface — task-oriented, with real examples.
Use when writing release notes — grouped by what users can now do, not by commit.
Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.
Use when adding motion or feedback — fast, purposeful, interruptible, and reduced-motion aware.
Apply David Ogilvy's advertising principles when writing or reviewing copy, headlines, product descriptions, landing pages, ads, emails, or any persuasive text. Use when the goal is copy that sells, not copy that wins awards. Covers positioning, headlines,…