AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Home/All Skills/Frontend Development/get-started

get-started

Original：🇺🇸 English

Translated

Guide users through the get started setup and Chrome DevTools demo.

2installs

Sourcedifferent-ai/openwork

Added on2026-02-18

NPX Install

npx skill4agent add different-ai/openwork get-started

SKILL.md Content

View Translation Comparison →

When to use

Always load this skill when the user says "get started".

What to do

Reply with these four lines, exactly and in order:
1. hey there welcome this is openwork
2. we've pre-configured you with a couple tools
3. Get Started
4. write "hey go on google.com"

Then

If the user writes "go on google.com" (or "hey go on google.com"), use the chrome-devtools MCP to open the site.
After the navigation completes, reply: "I'm on <site>" where <site> is the final URL or page title they asked for.

Download

Download TranslatedIncludes original Skill.md

(1.2 KB)Download Original(513 B)

Related Skills

fixing-accessibility

Fix accessibility issues.

arrange

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.

nuxt-ui

Use when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.

modern-javascript-patterns

Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.