algorithmic-art
Create generative / algorithmic art and visual patterns with code — fractals, geometric tilings, flow fields, color gradients, parametric shapes — rendered to…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-07 00:13
Design & creation
22,367 results
multi-perspective-plan
Multi-perspective planning with rebuttal rounds and adversarial review loop. Use when: planning complex changes, designing architecture, evaluating…
standards-check
Checks the proposed change against drawing standards and internal design rules, citing each rule applied. Use when the user says "does this meet the design…
app-design
Use when building or modifying the app layout, creating UI components, or making any visual design decisions. Ensures consistency, accessibility, and a…
rayfin-cli-ux
Mandatory for Rayfin CLI UX work. Load before designing, speccing, implementing, or reviewing CLI commands, flags, output, or errors.
multi-perspective-planning
Run a multi-perspective planning process for non-trivial design decisions. Use when: the shape of a solution is uncertain, planning new language features, new…
azure-ai-contentsafety-ts
Analyze text and images for harmful content using Azure AI Content Safety (@azure-rest/ai-content-safety). Use when moderating user-generated content,…
review-loop
Iterative review loop using any lens agent against any target (plan, code, design). Use when you want to run a focused review cycle: spawn a fresh reviewer…
long-description-generation
How to write a text-equivalent long description (alt text) for a complex image, such as an Azure architecture diagram, decision tree, process flow, or detailed…
landing-page-design
Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual…
design-system-lookbook
Establish a design source-of-truth (a DESIGN.md-style two-layer doc of tokens + rationale), build a lookbook that renders it, and wire a live-refresh preview…
beautiful-mermaid
Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library. Use when the user asks to render a Mermaid diagram.
explore-design
Generate a single self-contained HTML file showing 3–6 distinct visual directions for a UI section, page, or component side-by-side for comparison, then…
structure-note
Structural note tool. Suitable when "writing an article/organizing project documentation/organizing project materials/organizing documents in a folder/outline organization/connecting arguments/explaining complex topics" and a reading order and logic tree are needed. With the goal that a reader can still understand it half a year later, it uses Luhmann's Folgezettel thinking to design argument chains.
brand-identity
Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use this skill whenever generating UI components,…
design-system-patterns
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use creating design tokens, implementing theme…
visual-design-foundations
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building…
web-component-design
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI…
bilibili-page-reader
Get content from Bilibili videos: official subtitles, danmaku (density/peaks/sample), comments. When no subtitles exist (no 投稿字幕), fall back to downloading…
moda-mcp
READ THIS BEFORE calling any Moda MCP tool. Recommended whenever the Moda MCP server is connected or the user mentions Moda, moda.app, a moda.app/s/ share…
spark-video-cast
Scaffold and generate reference assets for characters (cast), locations (movie-set / set dressing), and key props — the three pillars of visual consistency in…
spark-video-clip-review
Per-clip quality reviewer + render retry state machine. After each rendered shot, score it on 6 axes via `bl omni` (qwen3.5-omni-plus), then decide ACCEPT /…
spark-video-director
Translate a screenplay (one scene at a time) into a provider-agnostic storyboard fragment for the spark-video pipeline. Wraps Shanyin Super Director Master…
spark-video-screenwriter
Turn a user's premise into a structured screenplay (one scene at a time) for the spark-video pipeline. Wraps Shanyin Super Screenwriting Master when available…