emil-design-eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
22,051 results
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Use this skill when the user wants to apply a brand design style to a project. Guide the user to choose from 58 curated brands in the awesome-design-md repository, and download the corresponding DESIGN.md to the project root directory for the AI coding agent to reference when building the UI.
Impeccable design tool guide, invoking the corresponding design sub-skill based on user selection (frontend-design, critique, audit, colorize, animate, polish, etc.)
Make motion graphics on real footage with Remotion, driven by measurements from ffmpeg-skill: animated captions timed from an SRT/VTT file, automatic jump cuts…
Find low-follower viral Bilibili videos for account-growth topic selection. Use when the user asks for B站低粉爆款, Bilibili low-fan hits, 起号选题 from B站, niche…
Design one-off HTML artifacts (landing, deck, prototype).
Author/validate/export Google's DESIGN.md token spec files.
Throwaway HTML mockups: 2-3 design variants to compare.
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or…
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom…
Create a PRD through user interview, codebase exploration, and module design, then save to docs/prd/<name>.md in the repo. Use when user wants to write a PRD,…
Creates legible diagrams from D2 source (flows, architectures, sequences, decision paths) and checks they stay readable at their final size. Use when a request…
Generates illustrations and photos with an AI image provider (Gemini or OpenAI) after the person approves the cost, and marks every result as AI-generated. Use…
Use for all Blender work. Default code-first execution, local QA and bounded Jev diagnostic advice.
Skill for designing and improving app onboarding. Supports 4 formats: checklist + improvement report, flow design document (Mermaid), screen structure wireframe instructions, and React/SwiftUI code generation. When to use: (1) Onboarding design for a new app (2) Diagnosis and improvement of existing onboarding (3)…
Apply UX psychology effects to UI design. Automatically referenced when designing landing pages, pricing tables, onboarding, and CTAs.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
Define and apply design tokens for color, spacing, and typography. Use for design system consistency and removing hardcoded styles.
Define UI/UX direction, redesign strategy, and design system decisions. Use for design planning, not implementation.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
Convert text content into a designed PNG image. Renders articles, quotes, notes, or any text as an infographic, poster, visual card, mockup, or styled graphic…
Convert text content into a designed PNG image. Renders articles, quotes, notes, or any text as an infographic, poster, visual card, mockup, or styled graphic…
Converts design screenshots or text descriptions to HTML/CSS using GLM vision API (Z.ai). Trial version — HTML output, CREATE mode. Full version with React,…
Deploys a file-based task board with domain/task methodology, derived task graph and unique session anti-drift timers; optional spec/design layer and CLAUDE.md…