Ten reference skills for Three.js: scene setup, geometry, materials, lighting, shaders, animation and post-processing
Skills
A skill gives an agent a ready-made ability: a tested prompt, a set of steps, sometimes files and scripts. This section collects skills for Claude Code, Cursor, Codex and other agents, each with an install command, a risk level and a plain description of who needs it and when.
Match with Foxx AI
Describe the task or paste package.json, and Foxx AI will pick matching skills, MCP servers and CLI tools.
Found: 49
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
A set of skills for Vue 3 development: Composition API practices, router, Pinia, testing, JSX, Options API and debugging
A set of skills for web quality audits: performance, Core Web Vitals, accessibility, SEO and best practices from Lighthouse
A skill for building premium scroll-driven websites on a real design standard: typography, rhythm, depth, motion and in-browser verification
Nothing Design
nothing-design
A skill for generating UI in the Nothing visual language: monochrome, Swiss typography, industrial rigor
AI Design Skills
landing-page-design
A skill for building a landing page from scratch: intake questions, page structure, conversion copy and a strict visual system
A skill that turns reference UIs into a structured design profile in JSON and generates matching UI from your content
A motion design skill for agents: timing, easing, choreography and Disney animation principles applied to UI
A skill for building WebGPU apps on Three.js with TSL shaders: renderer setup, node materials, compute shaders, post-processing
A skill for Claude Code and other agents that builds websites directed like films: art direction before code, local CLI asset generation and an anti-slop linter
A skill methodology for reproducing websites, from a static page to heavy WebGL, built on real source code rather than agent-hallucinated code
A skill set that locks a project's design decisions into rules and checks the UI with a score gate and rendered screenshots
Meta-skill that reads a brand from a URL, name or screenshot and turns it into a full design system as a new skill
A web-design skill for Claude Code: a DESIGN.md spec first, then code that follows it
A skill that dissects and ports WebGL, WebGPU and Canvas effects from a page into a standalone local JS project
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
Skills with Apple HIG, Material Design 3 and WCAG 2.2 rules for reviewing interfaces on iOS, macOS, Android, the web and more
Color Expert
color-expert
A color science skill: OKLCH, APCA and WCAG contrast, design system ramps, palette generation, pigment mixing and color history
An interface design skill for the agent: diagnosis, four directions to choose, implementation and QA without an AI-template look
Creative coding skills for Claude Code: motion, micro-interactions and visual systems for web, Android and Apple
A skill and CLI that pull colors, type, spacing, radius and shadows from a public site and save them as JSON and CSS tokens
Skills for the Symfony UX frontend stack: Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons and UX Map, with patterns and gotchas
Bitrix24 Nuxt dashboard template skill
Nuxt Dashboard Template
Bitrix24's official Nuxt dashboard starter built on b24ui, shipped with mock data and a skill that guides development inside the template's architecture
Frequently asked questions
What is a skill for an AI agent?
A skill gives an agent a ready-made ability: a tested prompt, a set of steps, sometimes files and scripts. The agent picks it up and solves the task by the defined scenario.
How do I install a skill?
Each entry has an install command for a specific agent: Claude Code, Cursor, Codex and others. Usually you copy a folder into the skills directory or install it through a plugin manager.
How is a skill different from an MCP server?
A skill gives the agent knowledge and a sequence of actions, an MCP server gives access to external data and tools over a protocol. They are often used together.