メニュー
SkillsMP は ainurdev/mystical-assistant から 23 件の skill を収集しています。skill を開くとソースと詳細を確認できます。
収集済み skill 23 件中 23 件を表示しています。
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,…
原文の言語: 英語