Loading...
Loading...
Found 6 Skills
Transforms vague UI/feature requests into structured, optimized prompts with design system awareness. Use when generating prompts for UI implementation, feature specification, or design-to-code translation. Triggers on tasks requiring prompt refinement, UI specification, or design system integration.
【Must Read · Mandatory】Mandatory usage specification for Giime component library. You must read this skill before writing or modifying any frontend code involving UI components. It covers enhanced features of gm-* components, usage of plugins such as GmConfirmBox/GmMessage/GmCopy, common code patterns, and how to obtain MCP documents.
End-to-end UI/UX design skill that takes a feature from vague idea to production-ready UI by moving sequentially through research, requirements, information architecture, wireframing, and visual design without skipping steps.
DESIGN.md design system specification for Morning Star projects. Create, audit, and maintain project-level design tokens (Colors, Typography, Spacing, Elevation, Motion, Shapes, Components, Voice & Content) using Vercel Geist as reference template. Three-level completeness checklist (MVP/Standard/Production) with built-in upgrade placeholders. Supports light/dark dual-theme via DESIGN.md + DESIGN.dark.md sharing same token names with different values. Prepare 阶段由 @architect 主责创建，@product-manager 提供设计需求；@frontend-dev / @fullstack-dev 实现 UI 时消费；@qc-specialist / @qa-engineer 审查 UI 对齐 DESIGN.md。Read when PM assigns DESIGN.md creation in Prepare, initiating a new UI project, @architect defining a design system, implementing styled components, auditing UI against design spec, adding dark theme, or user mentions "DESIGN.md" / "design tokens" / "design system". Phase gate → **mstar-phase-gates**; paths → **mstar-plan-conventions**.
This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with multiple design systems including WeChat Work, iOS Native, Material Design, and Ant Design Mobile.
Crée et fait évoluer des spécifications UI maquettées en HTML + Tailwind CSS : écrans desktop et mobile annotés, parcours, règles fonctionnelles, points ouverts et journal des itérations, pour itérer sur une application ou un outil avant les développements. Si l'interface n'est pas encore validée, propose d'abord trois propositions qui diffèrent par la disposition (navigation, organisation des écrans) et par le thème (couleurs, typographie, formes), à choisir ou combiner. Peut aussi partir d'un site ou d'un code existant pour reprendre son style et spécifier de nouvelles fonctionnalités. Utiliser dès que la personne parle de maquettes, wireframes, specs UI, spécifications fonctionnelles avec écrans, prototype d'interface, parcours à maquetter, charte ou direction graphique pour une app, ou nouvelle fonctionnalité à maquetter sur un site existant, même sans prononcer le mot « specs ». Aussi pendant les développements, pour tenir les specs à jour avec l'implémentation (statut des écrans, écarts).