WEBSITE & GRAPHICS WORKFLOWS
Give Claude Code
a clear direction.
30 Czech-language skills. From the first brief to website checks and graphics exports.
CZK 990 · One-time price
Skills and guide in Czech · Claude Code
/web-zadaniWho is this website for?
- Audience and primary action
- Scope and open questions
- Testable criteria
/web-designHow should the main action stand out?
- Typography and colours
- Hierarchy and layout
- Mobile and error states
/web-revizeWhat needs checking before handover?
- Keyboard and forms
- Mobile and local links
- Findings and unchecked items
Illustration of the workflow prescribed by the skills.
SHOW THE DIFFERENCE
Less explanation.
More demonstration.
Edit the bundled site. Try the calculator. Check the result.
Bundled learning site: ukazka-web/. Fictional Studio Sever, in Czech.
The /grafika-export skill converts SVG to PNG, WebP and JPEG, with dimensions and a manifest.
Actual tool exports from the package. Studio Sever is a fictional brand.
Try the form behaviour demo
An error should not erase your work.
/web-formulare
The first attempt shows an error. The second succeeds.
Local demo · nothing is sent
The /web-formulare skill covers validation, error states and preserving entered values.
A working illustration for a fictional project using synthetic data. This is not a recorded model run or a real order.
Where the examples come from
The main web sample previews the actual learning site ukazka-web/ included in the customer ZIP. The expandable form demo is a separate, hand-built illustration using synthetic data: the first attempt fails, the second succeeds and nothing is sent. The graphics come from ukazky-grafika/exporty/ and were created by the /grafika-export tool. The examples do not claim to be outputs of a particular model conversation.
ONE PACKAGE. THE WHOLE WORKFLOW.
From the brief
to handover.
30 core skills and 2 public bonuses. A guide, installer and exercises in one ZIP.
- 21
Web
Briefs, interfaces, accessibility and review.
- 09
Graphics
Identity, SVG, banners and exports.
All 30 skills
English summaries for this website. The skills themselves are in Czech.
| Command | Area | What it does and produces |
|---|---|---|
/web-projekt | Whole project | Picks the needed steps, finishes the site and documents the criteria. |
/web-zadani | Brief | Turns a brief into requirements R01… and how each will be verified. |
/web-design | Interface | Designs hierarchy, tokens and responsive states. |
/web-implementace | Implementation | Makes a specific local change within the brief. |
/web-debug | Bug fix | Reproduces a defect, fixes the cause and checks for regressions. |
/web-testy | Testing | Tests forms, navigation and real behaviour. |
/web-pristupnost | Accessibility | Checks keyboard, focus, names and readability. |
/web-bezpecnost | Inputs and data | Reviews the DOM, forms and data boundaries. |
/web-vykon | Performance | Compares before/after measurements under matching conditions. |
/web-seo | Technical SEO | Checks metadata, URLs, sitemap and local links. |
/web-revize | Overall review | Ranks documented findings by impact. |
/web-nasazeni | Deployment prep | Prepares public files, the procedure and rollback. |
/web-predani | Handover | Writes a handover from the actual files and results. |
/web-obsah | Content and microcopy | OBSAH.md and changed texts; every claim has a source or a visibly marked missing input. |
/web-formulare | Forms and states | The form, STAVY-FORMULARE.md and executed tests. |
/web-responzivita | Responsive layout | CSS/HTML changes and RESPONZIVITA.md with a width matrix. |
/web-design-system | Tokens and UI system | tokens.json, tokens.css, DESIGN-SYSTEM.md and a component gallery. |
/web-komponenty | Interactive components | A component with a minimal example and KOMPONENTA.md. |
/web-animace | Motion | An implemented effect with a static fallback and MOTION.md. |
/web-lokalizace | Localisation and formats | Dictionaries, integration and LOKALIZACE.md with check results. |
/web-migrace | URL and content migration | MIGRACE.md, a documented map, host configuration and rollback. |
/grafika-brief | Graphic brief | GRAFICKY-BRIEF.md, a list of formats and criteria. |
/grafika-identita | Visual identity | IDENTITA.md, palette/tokens, applications and sources. |
/grafika-loga | Vector logo | SVG sources, variants, export overview and LOGO.md. |
/grafika-svg | SVG creation and checks | An editable SVG and SVG-KONTROLA.md with the audit command. |
/grafika-ikony | Icon set | An SVG set, an HTML gallery and IKONY.md. |
/grafika-social | Social media graphics | Source cards, PNG/WebP exports, alt texts and SOCIAL-PREDANI.md. |
/grafika-bannery | Banners and campaigns | Sources and exports with sizes and checked cropping (BANNERY.md). |
/grafika-tisk | Print files | PDF, editable source and TISK-PREDANI.md: sizes, boxes, colours, preflight status. |
/grafika-export | Graphics export | Real exports with manifests and EXPORT.md with the command and check. |
How you use it
- Install into a project with a preview; it writes only with
--applyand never overwrites existing folders.py -3 nastroje/install_skills.py --project "C:\Projekty\cvicny-web" - In Claude Code you call a skill with its command, e.g. the first task from the guide (in Czech):
/web-projekt Projdi tento malý web. Zachovej fiktivní značku a místní náhled bez odesílání. … - You verify the result with the bundled checks (Python 3.10+, Node.js 20+):
node skills/web-revize/scripts/audit-html.cjs ukazka-web
The workflows run from brief through build and checks to handover; a whole job is led by /web-projekt. Details: guide & requirements.
ZIP contents and what is not included
skills/30 skills: 21 web, 9 graphicsbonus/2 public skills (Apache 2.0)instalace/each skill as a separate ZIPnastroje/installer with preview, demo serverzakaznik/guide, FAQ, example promptsukazka-web/fictional site for a first taskukazky-grafika/SVG and PNG/WebP exportscviceni/bug-fix exercise with tests
No Claude subscription, credit or account, no hosting, domain or work on your project, no client data, passwords, keys or third-party photos. The bonuses frontend-design and webapp-testing are Anthropic works under Apache 2.0, also free from the original source.
NO RECURRING PACKAGE FEE
One package.
Your own working tool.
For Claude Code · 1 user · your own and client projects
Price: CZK 990
Sales are not open yet.
Sales informationHide sales information
Ordering is not possible yet. The order form will open once contacts, payments and delivery have been verified.
Summary
- Product
- Web a grafika – Skills for Claude Code 1.4.0-rc4
- Final price
- CZK 990
- License
- 1 user, own and client projects
- Delivery
- download link for the ZIP in the payment confirmation e-mail and on the order page (unlimited downloads)
- You need
- your own access to Claude Code
- Language
- skills and guide in Czech
- Support
- by e-mail; no separate installation assistance service is provided – installation is described in the included guides
Before ordering, read the terms, license, withdrawal, delivery & payment and privacy. They open in a new tab; your order in progress stays here.
Prices in CZK via Czech providers; sales outside the Czech Republic are still under tax review.
Delivery
Form
The SimpleShop form for “Web a grafika – Skills for Claude Code (immediate delivery)” goes here (billing details, consents and an “Order with obligation to pay” button). Not connected yet.
Payment: no method is active yet. Planned: card, Apple Pay and Google Pay (GoPay) and bank transfer with a QR code; only active ones will be shown.
What happens after payment
- Details
- Summary & price
- Documents & options
- Binding order
- Payment
- Payment verified
- Download, invoice, ZIP
- SimpleShop confirms the payment: transfers by bank matching.
- Right after that you receive the payment confirmation e-mail with the PDF invoice and a download link for the ZIP; the same link is on the order page. The ZIP is not sent as an e-mail attachment.
- The number of downloads is not limited. If a download fails, contact support with your order number.
The order form and payment page are run by SimpleShop and GoPay; their language (Czech/English) has not been verified yet.
Returning from the payment page or scanning a QR code does not confirm payment and unlocks nothing. Delivery has been verified in SimpleShop test mode, not yet with a real payment.
Questions
Is the package in English?
No. The skills, guide and samples are written in Czech. Only this website is in English; the language of the order form and order e-mails has not been verified yet. Support is planned in Czech; English support has not been confirmed.
What do I need?
Your own access to Claude Code; it is not included. The bundled checks use Python 3.10+ and Node.js 20+ (requirements). Use in Claude in the browser has not been verified in this release.
Can I do client work?
Yes, the license covers own and client projects. You may not resell or share the package itself (license).
Is this an Anthropic product?
No. It is an independent package for Claude Code, not endorsed or sold by Anthropic.
What has been verified?
Skill format, installation and bundled tools by local tests on Windows 11 (on Linux only the previous version 1.3.0); Claude Code 2.1.260 recognises all 32 skills. Model pilot in Claude Code (closed 18 Oct 2026, partially run): 26 PASS and 2 partial out of 70 scenarios; a positive scenario passed for 20 of 30 skills, the remaining 10 (8 graphics, 2 web) have no positive PASS yet. One passed scenario does not fully verify a skill.