xiaoer-artstudio-design
Design methodology reproduction kit for 小耳 Art Studio (xiaoerai.xyz / uki-clone.vercel.app). Replicate the "Japanese stationery × independent artist portfolio"…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,118 results
sound
Music and sound design for a launch film. Pick the song first, by ear, from auditions cut so their drop lands on the film's drop. Lock its beat grid and drop,…
design-ui
Design and build polished, non-generic UI for this TanStack Start + React + Tailwind v4 + shadcn/Radix app. Use whenever you create or restyle any interface…
animate
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user…
blender-toolkit
Blender automation with geometry creation, materials, modifiers, and Mixamo animation retargeting. Core Features: WebSocket-based real-time control, automatic…
applying-brand-guidelines
Applies Anthropic's official brand colors, typography, and visual hierarchy to presentations, documents, slides, and other visual artifacts. Activates when the…
make-video
Makes a narrated 1080p video of a built feature, a pull request, or a release, from the real code and the running app. Run it with /make-video <feature,…
logo-my-brand
A brand logo for an e-commerce product, built from the product itself. One Amazon link or ASIN in (or a folder of product photos, or just a brand name): the…
create-wireframe
Use when designing text-based UI mockups, visualizing layouts in chat, or specifying component hierarchy without graphical tools
xd-extract-svg
Extract SVG vector art (icons, illustrations, logos, whole screens) from an Adobe XD share link (xd.adobe.com/view/...) or a .xd file, then validate it. Use…
xd-inventory
List and search the nodes of an Adobe XD design (share link or .xd file) without extracting anything: artboards, top-level nodes, bounding boxes, dominant…
xd-validate-svg
Validate SVG files extracted from Adobe XD: XML and structure checks plus a resvg raster check that catches empty renders, black blobs, missing strokes,…
Skeuomorphism
Realistic, tactile design that mimics physical materials: leather, metal, wood, paper. Use this when you want to communicate luxury, familiarity, or…
boycott-filter
Personal boycott list — users can conversationally tell the agent which brands they want to avoid, and why. A local sync server exposes the list at…
cohere-reference-architecture
Design a governed Cohere architecture for Chat, RAG, tools, streaming, evaluation, and provider operations. Use when planning or reviewing a Cohere system.…
design-everyday-things
Analyze and apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models. Use when the user mentions "why is…
fathom-reference-architecture
Reference architecture for Fathom meeting intelligence integrations. Trigger with phrases like "fathom architecture", "fathom design", "fathom integration…
figma-advanced-troubleshooting
Deep debugging for Figma API issues: network analysis, response inspection, and support escalation. Use when standard troubleshooting fails, diagnosing…
figma-architecture-variants
Choose between Figma integration architectures: CLI script, webhook service, or plugin. Use when deciding how to integrate with Figma, comparing REST API vs…
figma-common-errors
Diagnose and fix common Figma REST API and Plugin API errors. Use when encountering HTTP errors, plugin sandbox crashes, or unexpected API responses from…
figma-core-workflow-a
Extract design tokens, colors, typography, and spacing from Figma files via REST API. Use when building a design-to-code pipeline, syncing design tokens, or…
figma-core-workflow-b
Export images, icons, and assets from Figma files via the REST API. Use when building an asset pipeline, exporting icons as SVG/PNG, or rendering frames to…
figma-cost-tuning
Optimize Figma API usage to minimize costs and stay within plan limits. Use when analyzing request volumes, reducing unnecessary API calls, or choosing the…
figma-data-handling
Handle Figma API data correctly: comments, versions, user data, and privacy compliance. Use when working with Figma comments API, version history, or ensuring…