Agent skills you can check before you install
Public SKILL.md skills from GitHub repositories with 50+ stars and from the vendors themselves, scanned and scored. Install any of them with one command in Claude Code, Cursor, Codex, GitHub Copilot or Gemini CLI.
5,790 skills from 150 repositories · updated 23 minutes ago
391 skills
- motion-framesnexu-io/open-designA single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video poster", "title card", or pairs Open Claude Design with HyperFrames for a kinetic export.DesignNo warnings★ 102.9K↓ —
- orbit-generalnexu-io/open-designOpen Orbit briefing skill — selected by the Orbit pipeline when the user has two or more connectors connected. Pulls the past 24 hours of activity from every authenticated connector (GitHub, Linear, Notion, Slack, 飞书, Calendar, Gmail, Drive, Sentry, Vercel, …) and renders a single adaptive bento-grid dashboard at the top of "我的设计". Each connector module picks its own UI form (list, avatar stack, status ring, heatmap, file grid, alert card, …) based on the data shape it returns, so the layout scales as Orbit's connector ecosystem grows. This skill should not be triggered manually — it is invoked by Orbit's daily-digest scheduler against the user's live connector data.DesignNo warnings★ 102.9K↓ —
- waitlist-pagenexu-io/open-designMinimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.DesignNo warnings★ 102.9K↓ —
- imagegen-frontend-mobilenexu-io/open-designElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.DesignNo warnings★ 102.9K↓ —
- impeccable-design-polishnexu-io/open-designFollow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass.DesignNo warnings★ 102.9K↓ —
- saas-landingnexu-io/open-designSingle-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".DesignNo warnings★ 102.9K↓ —
- api-and-interface-designaddyosmani/agent-skillsGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.DesignNo warnings★ 109.1K↓ —
- token-mapnexu-io/open-designMap an extracted Figma / source-code token bag onto the active OD design system, producing a deterministic mapping the generate stage can consume.DesignNo warnings★ 102.9K↓ —
- tweaksnexu-io/open-designWrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for "variants", "side-by-side options", "tweak this", "let me adjust", "live knobs", or "实时调参".DesignNo warnings★ 102.9K↓ —
- wireframe-greyboxnexu-io/open-designA crisp greybox / blueprint lo-fi wireframe — neutral grey blocks on a pale page, image placeholders drawn as a rectangle with a diagonal X, text shown as solid "lorem bars" of varying widths, sharp 1.5–2px borders, and a single monospace redline accent for annotations. Reads like a structural blueprint before any visual design is applied. Use when the brief asks for "greybox", "blueprint wireframe", "lo-fi dashboard", "low fidelity", "线框图", or "灰盒原型".DesignNo warnings★ 102.9K↓ —
- worker-visualizernexu-io/open-designA real-time data/particle/simulation visualizer whose heavy compute runs in a Web Worker (off the main thread), optionally sharing memory with the UI via SharedArrayBuffer, and renders to a canvas at 60fps. Produced as a single self-contained `index.html`. Use when the brief asks for a "web worker", "simulation", "particle system", "physics", "off-main-thread", "fractal", "real-time compute", or "audio/data visualizer". OpenDesign serves this in powered-preview mode so Workers and SharedArrayBuffer actually work.DesignNo warnings★ 102.9K↓ —
- frontend-skillnexu-io/open-designCreate visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.DesignNo warnings★ 102.9K↓ —
- wireframe-annotatednexu-io/open-designAn annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid with numbered annotation pins (①②③④⑤) in a single accent color, paired with a right-hand SPEC PANEL that lists each numbered pin with a short engineering / UX note. This is the "wireframe + redline spec" style — clean, flat, low-fidelity, NOT hand-drawn. Use when the brief asks for "annotated wireframe", "redline wireframe", "wireframe with spec", "lo-fi landing wireframe", "low fidelity", "线框图", "标注线框", or "redline".DesignNo warnings★ 102.9K↓ —
- figma-code-connect-componentsnexu-io/open-designConnect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.DesignNo warnings★ 102.9K↓ —
- figma-extractnexu-io/open-designPull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot.DesignNo warnings★ 102.9K↓ —
- dating-webnexu-io/open-designA consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.DesignNo warnings★ 102.9K↓ —
- design-extractnexu-io/open-designExtract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.DesignNo warnings★ 102.9K↓ —
- swiftui-designnexu-io/open-designSwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.DesignNo warnings★ 102.9K↓ —
- kami-landingnexu-io/open-designProduce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.DesignNo warnings★ 102.9K↓ —
- figma-create-design-system-rulesnexu-io/open-designGenerate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.DesignNo warnings★ 102.9K↓ —
- critique-theaternexu-io/open-designFive-dimension design quality review — score the artifact against craft, brand, accessibility, and copy, then fix what falls short before handing it over.DesignNo warnings★ 102.9K↓ —
- direction-pickernexu-io/open-designResolves the visual direction at the plan stage from the brief and design system, without asking the user.DesignNo warnings★ 102.9K↓ —
- mobile-appnexu-io/open-designA mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the seed `assets/template.html` and pasting one screen archetype from `references/layouts.md`. Use when the brief asks for "mobile app", "iOS app", "Android app", "phone screen", or "app UI".DesignNo warnings★ 102.9K↓ —Also in 1 other repo
- hyperframes-keyframesheygen-com/hyperframesUse when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.OfficialDesignNo warnings★ 68.8K↓ —
frontend-skill
nexu-io/open-design
DesignUpdated 9 hours ago
From the author
Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.
Install
npx skills add nexu-io/open-design --skill frontend-skill -a claude-code
Installs to .claude/skills/frontend-skill/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
What it can touch
Instructions onlyNo network use seenLicence: APACHE-2.0
Safety checks on SKILL.md
No warnings.
Why 96
Security100
Provenance95
Maintenance100
Licence100
Adoption77
Files (1)
- SKILL.md