SkillPopular
Content
8-bit-orbit-video-temp…
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced…
@nexu-ioView SkillClaude Code Content skills :)
Flowy lists 312 skills in the Content category for Claude Code, across 10 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.
Showing 96 of 312
@nexu-ioView SkillSkill
Skill
Content
drawio-skill
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition,…
@agents365-aiView SkillSkill
Content
avoid-ai-writing
Audit and rewrite content to remove AI writing patterns ("AI-isms"). Use this skill when asked to "remove AI-isms," "clean up AI writing," "edit writing for AI…
@conorbronsdonView SkillSkill
Content
video-perception
Use when the user mentions a video file (.mp4, .mov, .avi, .mkv, .webm), a YouTube URL, asks to watch/analyze/review a video, or references video content in…
@jordanrendricView SkillSkill
Skill
Content
adapt
Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch issues on mobile/tablet, when…
@educlopezView SkillSkill
Content
component-rules
Triggers when building any UI element in Figma — 'create a card', 'build a nav', 'add a section', 'make a component'. Enforces library-first component lookup,…
@senlindesignView SkillSkill
Skill
Content
figma-autopilot
Execute design instructions left as Figma comments. Reads all unresolved comments, classifies each by intent, modifies the design via figma-console MCP, and…
@madebysanView SkillSkillPopular
Content
ad-creative
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.
@nexu-ioView SkillSkill
Content
article-sketchnote-edi…
把一个概念铸成杂志专题档案——真问题→失败→转折→顿悟→命名, 6 个 layout 模具 + 4 字族对比 + 探案档案细节
@nexu-ioView SkillSkill
Skill
Content
animate
Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's animation stack. Use when the user…
@educlopezView SkillSkill
Content
figma-preflight
Triggers on 'let's start', 'begin', 'preflight', 'start the session', or when a Figma file URL is first shared. Verifies MCP connection, reads CLAUDE.md,…
@senlindesignView SkillSkill
Skill
Content
figma-component-doc
Generate a component documentation block in Figma. Builds a structured doc frame next to the selected component (or component set) containing description,…
@madebysanView SkillSkillPopular
Content
after-hours-editorial-…
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when…
@nexu-ioView SkillSkill
Skill
Skill
Content
audit
Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks for audit on their UI, or mentions 'audit'…
@educlopezView SkillSkill
Content
figma-style-binding
Triggers on any visual property change in Figma — creating text, setting colors, adjusting spacing/padding/gap/radius. Enforces that ALL values bind to Figma…
@senlindesignView SkillSkill
Content
figma-extract
Standardizes extraction and documentation of design tokens, assets, and specs from Figma. Use when the user asks to export from Figma, extract design tokens,…
@madebysanView SkillSkillPopular
Content
agent-browser
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking…
@nexu-ioView SkillSkill
Skill
Skill
Content
bolder
Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop. Use when the UI works but feels safe,…
@educlopezView SkillSkill
Content
reference-interpreter
Triggers when user shares a screenshot, image, URL, or design description — or says 'analyze this', 'make a brief', 'interpret this reference'. Outputs a…
@senlindesignView SkillSkill
Content
figma-file-cleanup
Audit and clean up Figma files — remove orphan library references, rebind colors and text to design system tokens, audit dark mode compatibility, fix naming…
@madebysanView SkillSkillPopular
Content
ai-music-album
Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.
@nexu-ioView SkillSkill
Skill
Skill
Content
brief
Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their UI, or mentions 'brief' alongside design…
@educlopezView SkillSkill
Content
figma-fix
Review a Figma design and immediately fix what it can. Combines figma-review (expert analysis) with figma-autopilot (automated execution) into one workflow.…
@madebysanView SkillSkillPopular
Content
algorithmic-art
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic…
@nexu-ioView SkillSkill
Skill
Skill
Content
clarify
UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request. Use when copy feels vague, generic, or…
@educlopezView SkillSkill
Content
figma-import
Import design tokens from any codebase into Figma as variables. Scans a project for colors, typography, spacing, corner radius, shadows, and opacity tokens —…
@madebysanView SkillSkillPopular
Content
apple-hig
Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS,…
@nexu-ioView SkillSkill
Skill
Skill
Content
colorize
Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to 90% neutral. Use when the UI has no color…
@educlopezView SkillSkill
Content
figma-review
Review a Figma design and post actionable feedback as comments pinned to specific elements. Use when user shares a Figma URL with a node-id, or says 'review…
@madebysanView SkillSkillPopular
Content
article-magazine
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
@nexu-ioView SkillSkill
Skill
Skill
Content
craft
One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme → build order → acceptance bar. Use when the…
@educlopezView SkillSkill
Content
figma-tickets
Converts Figma page/frame comments into structured design tickets. This skill should be used when the user provides a Figma URL and wants to extract comment…
@madebysanView SkillSkillPopular
Content
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
@nexu-ioView SkillSkill
Skill
Skill
Content
critique
Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code edits unless asked. Use when the user…
@educlopezView SkillSkillPopular
Content
brainstorming
Transform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.
@nexu-ioView SkillSkill
Skill
Skill
Content
delight
Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions, one signature detail) without decoration…
@educlopezView SkillSkillPopular
Content
brand-extract
Extract a complete Brand Kit from a live website by driving the in-app browser. Use when a brand-extraction project opens with a site in the Browser tab, or…
@nexu-ioView SkillSkill
Skill
Skill
Content
distill
Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action, respecting CRAFT_LEVEL. Use when the…
@educlopezView SkillSkillPopular
Content
brand-guidelines
Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping…
@nexu-ioView SkillSkill
Skill
Skill
Content
extract
Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into design tokens. Use when the codebase has…
@educlopezView SkillSkillPopular
Content
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained…
@nexu-ioView SkillSkill
Skill
Skill
Content
finalize
Pre-ship gate — runs detector, verifies brief and tokens, applies the 10-pass finish bar, ranks findings by feedback hierarchy. Use when the user wants to…
@educlopezView SkillSkillPopular
Content
brutalist-skill
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog…
@nexu-ioView SkillSkill
Skill
Skill
Content
harden
Production-readiness pass — audits and implements the full non-happy-path matrix: loading skeletons, empty states, error messages, partial data, i18n, offline,…
@educlopezView SkillSkillPopular
Content
canvas-design
Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.
@nexu-ioView SkillSkill
Skill
Skill
Content
heuristic
Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs. Outputs a machine-parseable scorecard plus a…
@educlopezView SkillSkillPopular
Skill
Content
deck-ljg-present
把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellow
@nexu-ioView SkillSkill
Skill
Content
polish
Final craft pass applying the compound details from the polish checklist — micro-typography, spacing rhythm, hover states, and a signature detail — directly to…
@educlopezView SkillSkillPopular
Content
card-xiaohongshu
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
@nexu-ioView SkillSkill
Skill
Skill
Content
quieter
Tone down visual noise — lowers variance and motion, simplifies layout and color weight, keeps hierarchy clear. Use when the UI feels loud, busy, or…
@educlopezView SkillSkillPopular
Content
chat-motion-overlay
Generate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, optional device frames,…
@nexu-ioView SkillSkill
Skill
Skill
Content
redesign
Redesign an existing site or app without losing what already works — audits the current surface first, classifies what to preserve (brand, IA, SEO, content),…
@educlopezView SkillSkillPopular
Content
color-expert
Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment…
@nexu-ioView SkillSkill
Skill
Skill
Content
remember
Record a learned design constraint from a correction into the project brief. Invoke when the user asks for remember on their UI, or mentions 'remember'…
@educlopezView SkillSkillPopular
Content
competitive-ads-extrac…
Extract and analyze competitors' ads from ad libraries to understand messaging and creative approaches that resonate.
@nexu-ioView SkillSkill
Skill
216 more in Content. See them all →