Expert in Framer design and development - from interactive prototypes to production sites with Framer Motion, CMS integration, and the Framer MCP server
Use when building or reviewing Micronaut applications — Micronaut.run bootstrap, @Singleton/@Prototype, @Factory beans, @ConfigurationProperties, environments, @Requires — from…
Sync reusable frontend decisions into persistent project documentation after UI work. Use when frontend changes introduce or modify component APIs, variants, design-system tokens,…
Terminal UI patterns: display.js visual system, Chalk styling, Ora spinners, Inquirer prompts, and CLI output conventions for worclaude
Systematic approach to building consistent, maintainable frontend UI components with design systems and component libraries
Build or improve frontend pages, apps, landing pages, pitch pages, redesigns, dashboards, and prototypes with strong hierarchy, responsive layout, real visual assets, ergonomic…
Holistic design critique — NOT a code review. Judges aesthetic coherence, composition, hierarchy, intentionality. "Does this feel designed or generated?
Design or implement production-ready frontend UI components and screens with strong visual direction, layout rhythm, spacing hierarchy, accessibility, and reusable structure.
Act as Fulcra's forward-deployed engineer — take a business plan, deck, or project idea; interview the user to surface goals and assumptions; map the product onto Fulcra…
Design game concepts from a novel. From SOURCE_BIBLE and PRODUCT_BRIEF, generate three genuinely different directions on the dimensions still unlocked, then pick the most…
Directs the pre-production vision layer of a game: player personas, market positioning, feeling-led pillars, volume ideation, cheapest-prototype choice, toy tests, level pitches,…
2048-lite. 4x4 grid slide puzzle. WASD/Arrow keys to slide tiles, same-number tiles merge into 2x. Built as the FOURTH framework-test in 3 minutes 46 seconds, confirming the…
Suika Game-lite 2D physics merge prototype. Built end-to-end via game-dev-agent CLI as the empirical validation of the multi-agent framework's "faster on the next prototype" claim.
Vampire-Survivors-lite. WASD survivor with auto-aim, escalating-rate enemy waves, projectile damage, XP gem pickup.
Design, implement, and review game user interfaces. Use when Codex is asked to create or improve HUDs, menus, overlays, inventory screens, ability bars, dialogue UI, controller…
Design game experience, systems, and levels. Converge the chosen concept into one GAME_DESIGN defining the player promise, core loop, how the world responds, the systems actually…
A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame…
Game Design Document creation and structure. Use when no GDD exists in the project, starting a new game project, major feature requires design documentation, GDD needs updating…
Use a documented design skill to produce HTML-native prototypes, slides, motion demos, visualizations, and review passes from real brand or project context.
Generate SAP-style UI prototype images from Markdown table definitions. Use when users ask to create SAP interface prototypes, SAP screenshots, SAP input screens, or visual…
Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack.
Complete design system reference for full-stack applications. Covers colors, typography, spacing, component patterns (shadcn/ui), effects, GPU-accelerated animations, and WCAG AA…
Complete design system reference for React applications. Covers colors, typography, spacing, component patterns, glassmorphism effects, GPU-accelerated animations, and WCAG AA…
Complete design system reference for static HTML/CSS/JS sites. Covers colors, typography, component patterns, animations, and accessibility.
Expert in Gesttione Design System with deep knowledge of brand colors, metric tokens, typography, and component patterns.
Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability. Use when input is gestural.
Organizes Godot 4.4+ scene trees around one-concept scenes, composition versus inherited variants, split-versus-keep heuristics, and signals-up / calls-down / EventBus-sideways…
Generate a single-file HTML questionnaire with side-by-side visual previews — UI mockups, CSS animations, Mermaid diagrams, font/typography samples, layout variations, code…
Create warm, nature-themed UI for Grove with glassmorphism, seasonal decorations, randomized forests, and accessible design patterns.
GStack design-html method for producing or planning quick HTML prototypes, design boards, or rendered visual explorations for UI review.
Comprehensive design principles and best practices for creating beautiful, functional GUI applications including dashboards, web apps, and mobile apps
Extrai design systems completos de websites para gerar arquivos .md que guiam agentes na criação de páginas com a identidade visual do site analisado.
Designing, building, or reviewing a high-fidelity user-facing surface with real colors, type, spacing, and states — "visual design", "design tokens", "dark mode", "theme",…
Draft, refine, or rewrite HireData Linear issue content so it is correctly routed, refinable, estimatable, and usable by developers and coding agents.
Help HR teams and people leaders apply design thinking to HR challenges, including employee experience design, HR service redesign, journey mapping, and human-centered HR solution…
Produce self-contained, interactive HTML files instead of markdown when presenting plans, specs, code reviews, reports, comparisons, prototypes, or diagrams.
Structures the feedback loop between making and learning — prototyping, testing, and convergence toward fit.
UI design, frontend, dashboard, landing page, component, Tailwind, Figma, generated AI, human-crafted interface.
Use when turning a product/design doc into a focused UI design brief, optional AI image-generation concept prompts, and implementation-ready UI direction without replacing the…
Optimize web images for performance with Next.js Image, responsive srcset, AVIF/WebP, lazy loading, and blur placeholders.
Generate a design-system spec from a raw image file (a screenshot, mockup, or captured app screen) when there is no Figma source.
実装に着手する前に task 種別（feat / fix / refactor / chore / prototype / writing）を判定し、その種別に対応する agent chain（Plan → Phase 0 → TDD → Review 群 → Doc Sync → Verify）を plan に front-load…
Implements JavaScript classes in C++ using JavaScriptCore. Use when creating new JS classes with C++ bindings, prototypes, or constructors.
Use this plugin when the user provides a screenshot or image reference and wants it reconstructed as an editable Open Design prototype with sensible components, layout, and…
Guided journey from a working-but-untested vibe-coded prototype to a production-ready product with tests, clean structure, a business-rules boundary, and resilience at scale.
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent.
Bootstrap your design system: tokens, Tailwind config, and design rules. Auto-dispatched by deliver-stage on design-system stages.
Explain in plain English what a nyann profile enables — stack, branching, hooks, extras, conventions, documentation.
Use sub-agents to iteratively improve dashboard-building instructions. Three-phase pipeline — discover APIs, build dashboard matching a wireframe, review code + UI with a SOTA…
Use when starting a complex feature where a PRD or spec exists but load-bearing assumptions (technical feasibility, UX effect, reuse of an existing API or data structure) are…
Apply Jakob's Law — users expect your product to work like the others they already use. Use when deciding whether to innovate on a familiar pattern.
Applies the Jetixia wholesaler Admin / dashboard UI design system (shadcn + CSS variables, navy #223F80 primary, soft blue surfaces, dark mode, sidebar shell).
Jittda Design System Context Injection. UI 컴포넌트 생성/수정 시 Seed Design 컴포넌트 + Jittda 브랜드 토큰을 강제 적용.
Generate PDFs, resumes, CVs, letters, slide decks, portfolios, one-pagers, white papers, and professional documents.
Create or revise the simplified prototype from approved user stories, US mock, and design. (`proto` is short for prototype.)
Use when building or modifying SwiftUI views, settings windows, menu-bar UIs, or any surface for the KIKA app — or any calm, premium app you want to feel the same way.
Explicit-only Kimi-powered frontend/UI orchestration skill and CLI for repo profiling, design-system context generation, Codex/Kimi Code/Claude Code adapter setup, plan-first git…
株式会社コモレビのデザインシステム準拠スキル。コモレビのウェブサイト、UI、HTMLプロトタイプを作成 / 編集するときに必ず適用する。デザイントークン (色、タイポグラフィ、スペーシング、シャドウ)、アイコンルール (Material Icons 必須、絵文字禁止)、ロゴ使用規定、実在する会社情報の参照元を定義。トリガー :…
LaborAny 设计大师——用 HTML 做高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具不是媒介，根据任务 embody 不同专家（UX 设计师 / 动画师 / 幻灯片设计师 / 原型师），避免 web design tropes。 触发场景：做原型、设计…
Orchestrates the full process of launching a SaaS product from system architecture through production monitoring, chaining seven software-development skills into a cohesive…