CtrlK
BlogDocsLog inGet started
Tessl Logo

open-design

github.com/nexu-io/open-design

SkillAddedReview
8-bit-orbit-video-template

skills/8-bit-orbit-video-template/SKILL.md

Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.

66

ad-creative

skills/ad-creative/SKILL.md

Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.

51

after-hours-editorial-template

skills/after-hours-editorial-template/SKILL.md

Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.

68

agent-browser

skills/agent-browser/SKILL.md

Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected OpenDesign browser-tab context, testing web apps, dogfooding OpenDesign previews, QA, bug hunts, or reviewing app quality. Prefer local OpenDesign preview URLs unless the user explicitly asks for external browsing.

72

ai-music-album

skills/ai-music-album/SKILL.md

Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.

54

algorithmic-art

skills/algorithmic-art/SKILL.md

Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.

54

apple-hig

skills/apple-hig/SKILL.md

Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.

51

article-magazine

skills/article-magazine/SKILL.md

Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.

60

article-magazine

plugins/_official/examples/article-magazine/SKILL.md

Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.

61

artifacts-builder

skills/artifacts-builder/SKILL.md

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

49

audio-jingle

design-templates/audio-jingle/SKILL.md

Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.

65

audio-jingle

plugins/_official/examples/audio-jingle/SKILL.md

Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.

62

blog-post

design-templates/blog-post/SKILL.md

A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".

76

blog-post

plugins/_official/examples/blog-post/SKILL.md

A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".

67

brainstorming

skills/brainstorming/SKILL.md

Transform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.

44

brand-extract

skills/brand-extract/SKILL.md

Extract a complete Brand Kit from a live website by driving the in-app browser. Use when a brand-extraction project opens with a site in the Browser tab, or when the user asks to "extract a brand", "pull the brand from <url>", "get the colors/fonts/logo from this site", or build a brand/design system from a reference website. Pairs with the agent-browser tool for measurement and pauses for the user when an anti-bot wall blocks the page.

71

brand-guidelines

skills/brand-guidelines/SKILL.md

Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.

48

brandkit

skills/brandkit/SKILL.md

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.

48

build-test

plugins/_official/atoms/build-test/SKILL.md

Run the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.

61

canvas-design

skills/canvas-design/SKILL.md

Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.

44