All 94 skillsDesign and media1 of 10
stryx:design
When making anything you see: a screen, website, dashboard, logo, icon set, slides or charts.
/stryx:designInside its piece: 296 specks, one for each file on its shelf. Its nine group-mates glow on the open book behind it. The light splits toward yellow, the band of Design and media.
In numbers
counted 2026-10-12 in the installed set- 176reference files
- 62helper scripts
- 296files in the skill
- 6,205KB on disk
- 8chapters
- 2agents work by this book
Use it when
in the skill’s own wordsWhen making anything visual
- building or restyling an app
- web or desktop GUI
- website
- landing page
- dashboard
- component
- layout
- Tailwind theme
- dark/light mode
- tokens
- glass/glassmorphism
- a named style (bento, brutalism...)
- "make it look like <site>"
- a DESIGN.md
- palette
- fonts
- animation
- transitions
- empty states
- tooltips
- tours or onboarding UI
- a logo
- brand identity
- CIP mockups
- brand guidelines
- colours
- voice or tagline
- a favicon
- a banner
- social media image
- cover
- thumbnail
- OG image or ad creative
- An SVG icon set
- Slides, a deck or presentation
- The layout, not the text, of a paged or printed document (a PDF manual, printed report, book, "Legal landscape" pages)
- amCharts charts (gauge, treemap, sankey, bar race, heatmap, "premium chart")
- Also for any site with a 3D scene, beside the 3D skill
Not for
another skill does it- Checking a design→ stryx:design-audit
- Real-time 3D scene code→ stryx:3d-engines
- The scene of a cinematic 3D site→ stryx-3d-web-design
- AI photo generation→ stryx:image-gen
On its shelf
296 files, 6,205 KB- references/176
- gui/139
- brand/12
- top level8
- icons/6
- graphics/4
- slides/4
- charts/3
- scripts/62
- data/55
- SKILL.md1
- evals/1
- templates/1
Inside the book
8 chapters, by title only- Start with the brain
- How to work
- Sub-type router
- Shared rules (every sub-type)
- Glass and a live 3D scene (house rules in detail)
- The engines
- Worked example: a new sales screen in Orion Studio Pro
- Verify: commands and what a pass looks like
Its helpers
2 agents work by this book- stryx:chart-architectWhen data in a React or Electron app needs the right chart, built with amCharts.
- stryx:designerWhen a screen, page, logo, icon set or deck must be made or restyled.
Works with
the skills it names most- stryx:image-gen→When an AI image model must make or change a picture: a hero, a product shot, a texture.
- stryx:3d-engines→When building or fixing live 3D inside an app: Three.js, React Three Fiber or Babylon.js.
- stryx:design-audit→When checking a design that exists: a UX walk-through, accessibility, polish or screen sizes.
- stryx:video→When making a video with code: a promo, a demo, an explainer or animated captions.
- stryx:writing→When any text must read plainly: an email, a message, a blog post, a rewrite.
- stryx:ai-power→When you are not sure which skill fits, or you say "load aipower": it is the map of all skills.
Claude loads it by itself when the moment comes; by hand, type the line at the top. It comes with the whole set: Installs all 94 skills, 32 agents and the brain program as one set. The skill’s own text is private source and is not shown here.