メニュー
SkillsMP は Indra-photon/Interactive-SVG-Icons から 11 件の skill を収集しています。skill を開くとソースと詳細を確認できます。
収集済み skill 11 件中 11 件を表示しています。
Write the weekly what's-new roundup announcement for CraftUI: a short, punchy marketing post listing every component, block, loader, and icon added in the last week, discovered from git history — counts lead, one hook per item, link placeholder per item. Not…
原文の言語: 英語
Write feature descriptions for CraftUI blocks and components purely from a design engineering perspective, as structured JSON for the block registry. Use when writing or reviewing the description/features of a UI component, block, or variation. Triggers on…
原文の言語: 英語
Write architecture-tutorial blog posts about CraftUI components and blocks for Medium, in the narrative build-along style of Maxime Heckel and Emil Kowalski. Use when asked to write a blog, article, tutorial, or Medium post about a component, block,…
原文の言語: 英語
Write promotional announcement posts about newly added CraftUI components and blocks for the Substack newsletter. Not a tutorial — a craft-focused launch note: what's new, where to use it and where not to, the design engineering details that separate it from…
原文の言語: 英語
Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus, forms, custom widgets, or when the user says "make this accessible" or…
原文の言語: 英語
OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, theme with Tailwind v4, and apply color with meaning. Triggers on oklch, color conversion, palette generation,…
原文の言語: 英語
User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors, and better-ui. Use when explicitly invoked for a holistic review of a screen, flow, feature, or product…
原文の言語: 英語
Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints. Use when structuring a page or component, spacing or aligning controls, deciding what collapses at small sizes, handling RTL…
原文の言語: 英語
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, checking heading hierarchy, styling text in components, truncating…
原文の言語: 英語
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, choosing or reviewing icons, or…
原文の言語: 英語
UX writing and interface copy, from voice and button labels to error messages and empty states. Use when writing or reviewing any user-facing text: button and link labels, form errors, placeholders, settings labels, onboarding flows, notifications, or empty…
原文の言語: 英語