“design”

Design, style, or redesign websites and apps through investigation, layout, design-system creation, implementation, validation, and delivery.

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps…

Use when designing, building, writing, OR validating any nightshift interface, marketing page, doc, slide, mock, prototype, or brand asset — covers the…

Extract the design of a screenshot, website URL or Figma file into a design.md with tokens, components, layout and brand rules, or copy one element (navbar…

Creates or migrates the canonical CSS theme palette: light/dark inputs, generated scales, semantic tokens shared by web and React Native, hand-authored…

Proves built screens match approved design references (iOS, Android, light/dark, RTL) per element.

Turn ONE selected roadmap entry or direct feature request into a verifiable implementation plan that a separate build session can execute cold — then stop at…

Runs the end-of-build design review: every screen x theme x direction x text size x device, graded findings, a fix round, a sign-off.

Colibri Design Kit leva a linha visual das aplicações Colibri (perfis Admin e Operação) a um repositório e mede a aderência a ela, sobre a skill impeccable 4.x.

interview the user to design an agentic control loop (sensor, controller, actuator under disturbances) tailored to their codebase, then build it as…

Structures a design system: two-tier tokens, contrast-proven light/dark palettes, the theme provider, makeStyles, text roles, fonts.

Responsive design patterns for mobile apps including adaptive layouts, safe areas, screen size handling, and platform-specific styling.

Use this skill to generate well-branded interfaces and assets for West to West (the Portugal–Silicon Valley founder bridge non-profit), either for production…

Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes.

Specialized role for designing interactive Agent-Driven User Interfaces (A2UI).

interview the user to design an agentic control loop (sensor, controller, actuator under disturbances) tailored to their codebase, then build it as…

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal…

Master orchestrator for 3D/2D game development — engine selection, architecture, asset pipelines, physics, multiplayer, and deployment.

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same…

使用 React、Tailwind CSS 和 shadcn/ui 创建独特、生产级的静态网站——无需设计稿。从纯文本需求生成大胆、令人难忘的设计，具备反AI套路美学、移动优先响应式模式和单文件打包功能。适用于构建落地页、营销网站、作品集、仪表盘或任何静态Web界面。支持 Vite（纯静态）和…

Renders carousel slides to PNG via Playwright.

Design and build use cases, POCs and production systems with TypeSafe's Jev decision model (System One): choose a design mode and a use-case archetype, build…

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.