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. Each description states what the skill focuses on and which outputs it prescribes. The output is produced by a third-party AI model and may differ for a particular task; statutory rights regarding defects are not affected.
| Command | Area | Focus and prescribed outputs |
|---|---|---|
/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 pro 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 (not included)
- Verified scope
- installation and recognition of 32 skills on Windows 11 with Claude Code 2.1.260; a test task went well for 20 of the 30 core skills, not yet for 10 (8 graphics, 2 web); macOS and Linux not verified
- Language
- 30 core skills and guide in Czech, 2 bonus skills in English
- 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.
[proposal pending decision: The offer is intended for customers in the Czech Republic; the price is in CZK.] The contract is concluded in Czech; the English text on this website is an informative translation. If it differs from the Czech text, you may rely on the interpretation more favourable to you as a consumer. The consent shown below is a translation of the Czech consent in the order form.
[proposal pending decision: You can also withdraw online: the “Withdraw from contract” link is in the footer of every page of this website throughout the withdrawal period.]
Delivery
Form
The SimpleShop form for “Web a grafika – Skills for Claude Code (immediate delivery)” goes here (e-mail and any other details the form is set up to require, 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: a bank transfer once it is credited to the seller's account and matched to the order.
- 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. [proposal pending decision: You can use the download link repeatedly for as long as we sell the package in SimpleShop. The link always delivers the current version of the package. For 2 years after the content is made available, we will send you on request with your order number a new download link, the version you bought, or a corrected version under Article 10; we do not promise availability beyond that. Unlimited downloads do not mean unlimited availability in time or a right to new features or new products. Necessary updates under Article 11 are not affected.] Keep the downloaded ZIP. 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 30 core skills, the guide, the examples and the samples are in Czech. The two optional bonus skills from Anthropic (frontend-design, webapp-testing) and their license texts are in English. Only this website is in English; the language of the order form and order e-mails has not been verified yet.
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?
We tested the installation and the bundled tools on Windows 11, and Claude Code 2.1.260 recognised all 32 skills (30 core and 2 bonus) after installation. This version has not been verified on macOS or Linux. How Claude applies the skills to your own task has been tested only in part: for 20 of the 30 core skills a test task went well, for the other 10 (8 graphics, 2 web) we do not have a successful test yet. One successful test does not fully verify a skill, and a correct result for every task cannot be guaranteed; always check the output. Details are in the OVERENY-ROZSAH.md file in the package.