Recommended skills
Optional design and development skills, with complete downloads and an explicit choice of project or global installation.
Choose the skill that fits the work. These recommendations complement the CDN’s fonts, assets, and shared components. An agent can read this page and the machine-readable catalog to help you choose and prepare an installation.
Choose where to install
Ask the user: Install this skill into the current project, or globally on this machine? Confirm the skill, agent, destination, command, and any setup changes before running it. Selecting an option or copying a command on this page does not install anything.
Run from the project you want to use it in.
npx @craftwork-design/wizard@0.1.0 add --agent codexSetup for Craftwork Design: Standalone instructions work without an account. Optional Craftwork MCP connection and sign-in require separate approval.
Approve installation and any setup changes before running the command.
Choose All Skills to prepare all twelve recommendations for the same agent and project or global scope. Copy all commands copies each catalog entry’s supported installer in order. The terminal selector defaults from your OS; check it against the terminal you will actually use. macOS/Linux shells, WSL, Git Bash, PowerShell 7+, and Command Prompt use &&, which stops the chain after a failed install. Windows PowerShell 5.1 uses ;, which continues even if an install fails. The browser cannot detect your terminal or PowerShell version.
Review the expandable setup notes before approving a bulk installation. Choosing All Skills prepares commands; it does not approve or run them.
The eleven hosted bundles use skills@1.7.4. Craftwork Design uses its official @craftwork-design/wizard@0.1.0 add command to install only the skill; the generic CLI cannot resolve that standalone upstream file. Both installers support project and global scope and a specific agent. Project installation runs from the project directory without --global. Global installation adds --global and applies to the current user’s chosen agent across projects. It does not install for every user on the computer. Choose Codex, Claude Code, or Cursor in the command picker; other supported agents can be selected through the CLI.
Some agent sessions run the CLI non-interactively. Agents must obtain the user’s approval before executing an install or setup command; do not rely on the installer to ask. This also applies when a source page includes -y. Do not silently use --all, change the scope, or install every recommendation.
Find the right skill
| Skill | Use it for | Files | Source |
|---|---|---|---|
| Craftwork Design Craftwork |
Design direction and real fonts, icons, components, and visual references. | Download instructions · Read skill | Craftwork |
| Impeccable Paul Bakaus |
Shape, critique, audit, polish, and refine interfaces with detailed design playbooks. | Download bundle · Read skill | Craftwork |
| Web Interface Guidelines Vercel |
Review interface code for accessibility, usability, and current web guidelines. | Download bundle · Read skill | Craftwork |
| React Best Practices Vercel |
Improve React and Next.js data fetching, bundle size, rendering, and performance. | Download bundle · Read skill | Craftwork |
| React View Transitions Vercel |
Implement purposeful state and route transitions with React and browser view transitions. | Download bundle · Read skill | Craftwork |
| shadcn/ui shadcn/ui |
Build and maintain shadcn component systems with the project CLI and composition rules. | Download bundle · Read skill | Craftwork |
| Composition Patterns Vercel |
Design reusable React APIs with compound components, shared state, and explicit variants. | Download bundle · Read skill | Craftwork |
| Extract DESIGN.md Google Stitch |
Extract colors, type, spacing, components, and patterns from frontend source into DESIGN.md. | Download bundle · Read skill | Craftwork |
| Expo Native UI Expo |
Create native-feeling Expo screens with platform controls, semantic styling, and visual effects. | Download bundle · Read skill | Craftwork |
| Adaptive Compose Android |
Adapt Compose layouts and navigation for phones, foldables, tablets, and wider windows. | Download bundle · Read skill | Craftwork |
| Algorithmic Art Anthropic |
Create seeded p5.js art with an algorithmic philosophy and an interactive parameter viewer. | Download bundle · Read skill | Craftwork |
| Motion Design LottieFiles |
Plan animation timing, easing, motion personality, feedback, and multi-element choreography. | Download bundle · Read skill | Craftwork |
Setup after approval
Check the project and existing skills first. Reuse a suitable installation when possible; do not overwrite an existing skill or install a second global copy without approval. The catalog includes each entry’s setup notes, source, license, snapshot digest, and full archive inventory.
- Design direction: Craftwork Design works as standalone instructions. Its optional MCP server adds authenticated resource search and downloads; connecting it and signing in are separate setup steps. Paid assets require their own authorization. Impeccable includes helper scripts whose first run can download an executable; discuss that setup before running them.
- Web and React: Match React and framework versions before applying View Transitions or newer APIs. Web Interface Guidelines fetches its current rules during reviews. shadcn/ui can add source files and dependencies with its CLI; approve those changes separately from installing the skill.
- Native apps: Expo Native UI references companion Expo skills and packages for some tasks. Adaptive Compose expects Compose screens and Navigation 3; migrations are project work to approve, not implicit installation steps.
- Motion and art: Motion Design supplies principles for several animation systems. Algorithmic Art includes p5.js templates; adding a runtime or loading external scripts still depends on the project’s approved setup.
After an approved install, verify the actual entrypoint and supporting files in the selected scope and agent. Reload or restart the agent if required. Report installed paths and which setup or runtime behavior was tested. A successful installer exit does not prove that an MCP login, native build, or downloaded helper works.
Downloads and updates
The hosted ZIPs are complete, unchanged Craftwork snapshots, including supporting references, templates, scripts, and license notices. Their filenames contain a digest, so an update gets a new URL. Read the included license and preserve its notices. These third-party licenses do not change the restricted redistribution terms of Makira or SHAUGHV brand assets.
Craftwork Design is downloaded directly from its public upstream file; this catalog does not assert a separate redistribution license for it. Its digest records the version checked here. If its live file changes, inspect and approve the update before installation rather than bypassing a digest mismatch.
Snapshots are verified on October 29, 2026. For newer releases, compare the linked source, obtain approval to update, and use the same chosen scope. An agent can download and inspect a bundle without executing its contents; installation and setup require approval.
Agent discovery
Start with the CDN’s live guide and catalog. Read usage.recommended_skills for the recommendations catalog and approval workflow. Use each entry’s installation.command_prefix and its agent/global flags, rather than assuming every skill uses the same installer. The eleven bundle installation sources expose the Agent Skills discovery format, so the CLI downloads complete packages. Craftwork Design uses its official wizard instead.
This is a static catalog. It adds information to the CDN skill; it does not register an MCP server or run an installer in the browser. The generated documentation skill, Markdown exports, OpenAPI, and AI catalogs also discover this page.