design-language-system
Apply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the application.
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
20,697 results
Apply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the application.
Unity 6 animation system guide. Use when working with Animator Controllers, animation state machines, blend trees, animation clips, Avatar system, humanoid…
Build scalable design systems with design tokens, component APIs, and documentation. Use when creating or evolving component libraries.
User flow design, micro-interactions, and interface behavior patterns with state management for all interaction conditions. Use when designing natural…
Remotion spring physics for motion graphics video production. Bouncy entrances, elastic trails, orchestrated sequences, physics presets, and organic motion…
Map design decisions to accessibility standards and legal requirements. Use when documenting WCAG conformance, preparing for audits, tracking compliance…
Design alternatives to gesture-based and motion-based interactions. Use when designing swipe actions, pinch-to-zoom, shake-to-undo, tilt controls, multi-finger…
Write link text that makes sense out of context for screen reader users and improves usability for everyone. Use when writing or reviewing links, calls to…
Design simplified and reduced-complexity views of interfaces for users who need less visual noise and fewer options. Use when designing settings, dashboards,…
Map situational impairments that affect all users in specific contexts — not just people with permanent disabilities. Use when designing for mobile, outdoor,…
Guides Elasticsearch usage including index mapping design, query DSL (match, term, bool, aggregations), bulk indexing, cluster management, and performance…
Extract a brand's design from any reference the user provides (site URL, screenshot, or existing assets) and generate a full design system reference page AND a…
Generate images or image variations with SJinn using the official sjinn image generate CLI command.
Generate videos with SJinn using the official sjinn video generate CLI command.
Use when the user needs website design references — whether they describe a style or mood, name reference sites, want brands visually similar to an existing…
AI image generation for SEO assets: OG/social preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via…
Focus on implementing custom Chat Provider, helping to adapt any streaming interface to Ant Design X standard format
Use when generating videos with Kling v3 models on DashScope (kling/kling-v3-video-generation, kling/kling-v3-omni-video-generation). Use when implementing…
Entry point for frontend design. Use WHENEVER building or touching the look of any web UI — components, pages, dashboards, landing pages, React/Vue/HTML-CSS —…
Pull design principles from architecture, fashion, film, industrial design, and physical spaces into screen-based design. Use when seeking inspiration beyond…
Reverse-engineer why a design decision was made. Move from observation to inference. Use when studying products you admire, learning from competitors, or…
Response timing, acknowledgment, and making the interface feel alive. Every action deserves a response at the right speed. Use when designing interactions,…
Read a designer's taste through their typography decisions alone. Type is the fastest taste signal in any design. Use when evaluating design maturity,…
Study how products evolve over time using archived versions. The decisions that survive redesigns are the taste decisions. Use when understanding what's…