HotSkill
banner-design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals.…
@nextlevelbuilderView SkillClaude Code Design skills :)
Flowy lists 80 skills in the Design category for Claude Code, across 16 plugins. A skill is a folder of instructions an agent loads while you work. Every one here shows what is inside before you install, who wrote it, and whether it is Auto-invoked, meaning a FLOW.md router fires it as you prompt.
@nextlevelbuilderView SkillHotSkill
brand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand…
@nextlevelbuilderView SkillHotSkill
design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity…
@nextlevelbuilderView SkillHotSkill
impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…
@pbakausView SkillHotSkill
animate
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool,…
@emilkowalskiView SkillHotSkill
animate-expo
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs…
@emilkowalskiView SkillHotSkill
animation-vocabulary
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop…
@emilkowalskiView SkillHotSkill
animate
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool,…
@emilkowalskiView SkillHotSkill
animate-expo
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs…
@emilkowalskiView SkillHotSkill
animation-vocabulary
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop…
@emilkowalskiView SkillSkill
Skill
bambu-labs
Dry-run, upload, and cautiously initiate local Bambu Lab print jobs from validated plain `.gcode`, using Bambu LAN FTPS/MQTT handoffs.
@earthtojakeView SkillSkill
cad
Create/edit parametric CAD models, organize CAD projects, export STEP/STL/3MF/GLB files, resolve prompt references, and measure geometry with cadgen.
@earthtojakeView SkillSkill
cad-viewer
Start CAD Viewer and return review links for CAD and robot-description files. Use when visually reviewing `.step`, `.stp`, `.glb`, `.stl`, `.3mf`, `.dxf`,…
@earthtojakeView SkillSkill
design-motion-principl…
Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with…
@kylezantosView SkillSkill
design-mobile-apps
Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code…
@sleekdotdesignView SkillSkill
qiaomu-design
为页面、组件和产品界面提供设计诊断、四方向可视化预览、设计系统编译、实现与视觉 QA。 在用户要求从零设计、重设计、优化 UI/UX、审查界面、建立设计系统或参考某种风格时使用； 不用于只改业务逻辑、纯文案润色或与界面无关的普通编码。默认由当前 Codex 直接执行， 只有用户在当前任务明确点名 K3…
@joeseesunView SkillSkill
android
Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation,…
@ehmoView SkillSkill
ios
Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone…
@ehmoView SkillSkill
ipados
Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or…
@ehmoView SkillSkill
design
Design and edit anything in Subframe — pages, components, snippets, design documents, the theme. Use when the user explicitly wants a resource in the Subframe…
@subframeappView SkillSkill
develop
Implement Subframe designs with business logic. Use after designing with /subframe:design or when given a Subframe URL/page ID.
@subframeappView SkillSkill
install
Install Subframe into a codebase so you can implement designs locally. Sets up the CLI, syncs components, configures Tailwind and fonts. Only needed when…
@subframeappView SkillSkill
mobile-app-ui-design
Design high-quality mobile app UI/UX screens, flows, and components. Use this skill whenever the user asks to design a mobile app screen, create app mockups,…
@ceorkmView SkillSkill
layers-conceptual-mode…
Techniques for defining the product's objects, relationships, states, and vocabulary independently of any interface — the most load-bearing layer
@jamiemillView SkillSkill
layers-domain
Techniques for mapping a domain's concepts, terminology conflicts, and bounded contexts — the raw material the conceptual model is built from
@jamiemillView SkillSkill
layers-interaction-flo…
Techniques for mapping interaction structure and flow — places, affordances, edge cases, and failure paths — without committing to visual form
@jamiemillView SkillSkill
oklch-skill
OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4.…
@jakubkrehelView SkillSkill
claude-design-skill
Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and…
@jiji262View SkillSkill
Skill
Skill
HotSkill
design-system
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography…
@nextlevelbuilderView SkillHotSkill
slides
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
@nextlevelbuilderView SkillHotSkill
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based…
@nextlevelbuilderView SkillHotSkill
apple-design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations,…
@emilkowalskiView SkillHotSkill
ask-sonner
Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and…
@emilkowalskiView SkillHotSkill
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.
@emilkowalskiView SkillHotSkill
apple-design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations,…
@emilkowalskiView SkillHotSkill
ask-sonner
Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and…
@emilkowalskiView SkillHotSkill
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.
@emilkowalskiView SkillSkill
dfam-check
Measure mesh files against Design for Additive Manufacturing (DfAM) rules and report printability findings per process (FDM, SLS, SLA/DLP, metal PBF, MJF). Use…
@earthtojakeView SkillSkill
dfm
Design-for-manufacturing review of a part for sheet metal, CNC machining, or injection molding - bends, reliefs and flat patterns; machining access, internal…
@earthtojakeView SkillSkill
dxf
Generate, regenerate, and validate 2D DXF drawings from Python build123d sources. Use for DXF files, `.py` drawing scripts, @dxf models, 2D profiles, outlines,…
@earthtojakeView SkillSkill
macos
Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard…
@ehmoView SkillSkill
tvos
Apple Human Interface Guidelines for Apple TV. Use when building tvOS apps with focus-based navigation, Siri Remote input, or living room viewing experiences.…
@ehmoView SkillSkill
visionos
Apple Human Interface Guidelines for Apple Vision Pro. Use when building spatial computing apps, implementing eye/hand input, or designing immersive…
@ehmoView SkillSkill
layers-intro
Framework orientation for Layers of Product Design — load this first; provides the context all other skills depend on
@jamiemillView SkillSkill
layers-observed-behavi…
Techniques for planning user research and synthesising it into grounded, confidence-rated findings about what users actually do
@jamiemillView SkillSkill
layers-orient
Diagnostic audit across all seven layers — identifies the bottleneck layer and recommends where to focus
@jamiemillView SkillSkill
Skill
HotSkill
ui-ux-pro-max
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages,…
@nextlevelbuilderView SkillHotSkill
find-animation-opportu…
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it…
@emilkowalskiView SkillHotSkill
improve-animations
Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other…
@emilkowalskiView SkillHotSkill
mobile-native
Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers…
@emilkowalskiView SkillHotSkill
find-animation-opportu…
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it…
@emilkowalskiView SkillHotSkill
improve-animations
Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other…
@emilkowalskiView SkillHotSkill
mobile-native
Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers…
@emilkowalskiView SkillSkill
engineering-drawing
Make an engineering drawing of a part as a PDF - orthographic views with hidden lines and centre marks, real dimensions, hole callouts, notes and a title block…
@earthtojakeView SkillSkill
gcode
Generate, inspect, dry-run, and statically validate plain FDM `.gcode` from 3D mesh files by orchestrating real slicer CLIs. Use when Codex needs to slice…
@earthtojakeView SkillSkill
sdf
SDFormat/SDF model and world authoring, validation, and simulator handoff. Use for `.sdf` files, SDFormat XML, models, worlds, links, joints, poses, frames,…
@earthtojakeView SkillSkill
watchos
Apple Human Interface Guidelines for Apple Watch. Use when building watchOS apps, complications, or workout features. Triggers on tasks involving Watch UI,…
@ehmoView SkillSkill
web
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web…
@ehmoView SkillSkill
layers-product-strateg…
Techniques for connecting user opportunities to business outcomes and solution bets, and testing the riskiest assumptions cheaply
@jamiemillView SkillSkill
layers-surface
Techniques for auditing and deciding the surface against the layers below — vocabulary, object consistency, completeness, feedback, hierarchy, accessibility
@jamiemillView SkillSkill
layers-user-needs
Techniques for eliciting and prioritising user needs, pains, and desires — the opportunities that feed product strategy
@jamiemillView SkillHotSkill
pick-ui-library
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop,…
@emilkowalskiView SkillHotSkill
prototype
Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one…
@emilkowalskiView SkillHotSkill
review-animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
@emilkowalskiView SkillHotSkill
pick-ui-library
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop,…
@emilkowalskiView SkillHotSkill
prototype
Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one…
@emilkowalskiView SkillHotSkill
review-animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
@emilkowalskiView SkillSkill
sendcutsend
Review DXF and STEP/STP uploads for SendCutSend.com orders using its ordering guide, catalog, and specs. Use only for SendCutSend.com preflight reports…
@earthtojakeView SkillSkill
smui
The former Nord / frosted-glass SMUI styling has been replaced by the neutral light and charcoal dark palette. Follow the current viewer contracts in [the app…
@earthtojakeView SkillSkill
srdf
MoveIt2 SRDF authoring, validation, and planning-semantics workflow. Use when creating, editing, inspecting, or validating `.srdf` files, MoveIt planning…
@earthtojakeView SkillHotSkill
write-swift
How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors,…
@emilkowalskiView SkillHotSkill
write-swift
How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors,…
@emilkowalskiView SkillSkill
step-parts
Find, evaluate, and download common purchasable CAD parts from step.parts, including named off-the-shelf actuators, servos, motors, electronics boards,…
@earthtojakeView SkillSkill
urdf
URDF robot description authoring and validation. Use when creating, editing, inspecting, validating, or debugging `.urdf` files, robot links, joints, limits,…
@earthtojakeView Skill