Stad de bhith a’ cleachdadh do sholaraiche AI mar teleprompter: cruthaich subagents, skills & commands
On eisimeileachd air prompts gu siostaman agent tapaidh
Tha a’ chuid as motha de dhaoine fhathast a’ cleachdadh AI mar teleprompter.
Sgrìobhaidh iad prompt. Fuirichidh iad. Gheibh iad freagairt. Nì iad lethbhreac dheth gu àiteigin eile. An uairsin nì iad a-rithist e. Agus a-rithist. Bidh gach conaltradh a’ tòiseachadh bhon neoni. Bidh gach còmhradh a’ dìochuimhneachadh na thàinig roimhe.
Chan e co-obrachadh a tha seo. ’S e deachdadh a th’ ann le ceumannan a bharrachd.
Ann an 2026, ma tha thu fhathast a’ teleprompter-eadh do sholaraiche AI, tha thu a’ call an gluasaid iomlan a tha a’ tachairt fodhad.
Duilgheadas an teleprompter
Nuair a chleachdas tu AI mar teleprompter, bidh thu a’ làimhseachadh siostam a dh’fhaodadh a bhith fèin-riaghailteach mar gineadair teacsa aon-turais. Seo cruth a’ phàtrain:
- Sgrìobhaidh tu prompt mionaideach
- Fuirichidh tu airson na freagairt
- Measaidh tu an toradh le làimh
- Leasaichidh tu e agus cuiridh tu prompt ùr
- Caillidh tu an co-theacsa gu lèir nuair a dhùineas tu an cabadaich
Tha trì easbhaidhean marbhteach anns a’ mhodal seo:
Gun eòlas maireannach. Tha gach còmhradh na leth-bhileag bhàn. Bidh thu ag mìneachadh an aon cho-theacsa a-rithist is a-rithist. Chan eil fios aig an AI agad air a’ chòd agad, do roghainnean, do chuingealachaidhean no do eachdraidh.
Gun tiomnadh. Is tusa an cnap-starra fhathast. Tha gach co-dhùnadh, gach dearbhadh, gach ath cheum an crochadh ort. Bidh an AI a’ feitheamh riut innse dha dè nì e an ath thuras.
Gun speisealachadh. Bidh thu a’ cleachdadh aon eadar-aghaidh choitcheann airson a h-uile rud: còdadh, sgrìobhadh sheulaichean, dealbhadh, deuchainnean, cur an gnìomh. Aon stoidhle prompt. Aon uinneag co-theacsa. Aon chòmhradh a’ dèanamh obair mòran.
Tha am modal teleprompter a’ làimhseachadh AI mar inneal. Ach chan eil innealan a’ meudachadh fèin-riaghailt. Tha agents a’ dèanamh sin.
Dè dh’atharraicheas nuair a smaoinicheas tu ann an agents
Ann an Claude Code, tha trì bunaitean anns an ailtireachd agent:
- Subagents: Ionstansan Claude speisealaichte le uinneagan co-theacsa air leth (~/.claude/agents/)
- Skills: Modalan eòlais a thèid an gnìomhachadh gu fèin-obrachail le faidhlichean SKILL.md (~/.claude/skills/)
- Commands: Òrdughan /slash a ghnìomhaicheas an cleachdaiche airson gnìomhan soilleir (~/.claude/commands/)
An prìomh eadar-dhealachadh bho prompting traidiseanta:
- Bidh Skills air an gnìomhachadh gu fèin-obrachail le Claude a rèir a’ cho-theacsa
- Feumaidh Commands gun sgrìobh thu
/commandgu soilleir - Bidh Subagents a’ ruith ann an co-theacsa air leth leis na h-innealan aca fhèin
Smaoinich air an eadar-dhealachadh:
An dòigh teleprompter:
"Sgrìobh dhomh co-phàirt cairt le dealbh, tiotal, teacsa bodhaig agus putan prìomh, a’ leantainn pàtranan ar siostam dealbhaidh agus ìrean ruigsinneachd..."
An dòigh Claude Code:
/generate card --variant=default --with-image=true --with-button=true’S e iarrtas a th’ anns a’ chiad fhear. Bidh an dàrna fear a’ gairm skill a tha mu thràth eòlach air dè a th’ ann an cairt, dè a dh’iarras do shiostam dealbhaidh, dè na h-ìrean ruigsinneachd a tha buntainneach, agus ciamar a dhearbhas e a thoradh fhèin.
An ailtireachd: Subagents, Skills & Commands
Seo an structar a thig an àite a’ mhodail teleprompter:
Ìre 1: Subagents
Is e faidhlichean markdown fa leth ann an ~/.claude/agents/ a th’ ann an subagents a bhios a’ coileanadh obair ann an co-shìnte. Tha na uinneagan co-theacsa aca fhèin agus faodaidh iad skills a ghairm.
~/.claude/agents/
├── header-builder.md
├── footer-builder.md
└── dashboard-builder.mdTha YAML frontmatter anns gach faidhle subagent:
- name: Aithneachadh soilleir
- description: Dè a nì e agus cuin a bu chòir a ghairm
- tools: Comasan ceadaichte (Read, Write, Bash, Grep, Glob)
Eisimpleir de subagent (header-builder.md):
---
name: header-builder
description: Build complete header components with navigation
tools: Read, Write, Bash, Glob, Grep
--- You are a header component specialist...Ìre 2: Skills
Is e modalan eòlais fèin-ghnìomhach a th’ ann an skills. Nuair a dh’fhaighnicheas tu rudeigin do Claude a tha a’ freagairt air adhbhar skill, cuiridh Claude an gnìomh e gu fèin-obrachail.
~/.claude/skills/
├── card/
│ ├── SKILL.md
│ ├── workflows/
│ │ ├── generate.md
│ │ ├── validate.md
│ │ └── improve.md
│ ├── references/
│ │ └── schema.yml
│ └── scripts/
│ └── validate.pyTha seo a’ leantainn dòigh-obrach Atomic Design: atoms, molecules, organisms. Tha gach skill na eòlaiche air dìreach aon rud. Nuair a dh’fheumas tu cairt, thèid an skill cairt a ghnìomhachadh gu fèin-obrachail.
Tha fios aig gach skill air:
- Sgeama na co-phàirt (props, slots, variants)
- Gnàthasan do shiostam dealbhaidh
- Pàtranan sònraichte don frèam
- Riatanasan ruigsinneachd WCAG
- Skills co-cheangailte a dh’fhaodas e a chleachdadh
Ìre 3: Commands
Is e ath-ghoiridean a ghnìomhaicheas an cleachdaiche a th’ ann an commands. Sgrìobhaidh tu /command airson an gairm. Tha iad a’ fuireach ann an workflows skill no gu cruinneil:
~/.claude/skills/card/workflows/
├── generate.md # /generate card
├── validate.md # /validate card
├── improve.md # /improve card
├── document.md # /document card
├── test.md # /test card
└── a11y.md # /a11y cardFaodaidh commands subagents a ghairm airson dealbhadh, agus an uairsin làimhsichidh Claude prìomh an cur an gnìomh. Bheir seo dhut workflows structaraichte le làn inntrigeadh air innealan.
Eisimpleir iomlan: an skill cairt
Leig leam sealltainn dhut dìreach mar a dh’obraicheas seo le fìor skill:
Structar an skill
~/.claude/skills/card/
├── SKILL.md # Core prompt and instructions
├── workflows/ # Slash commands
│ ├── generate.md
│ ├── validate.md
│ ├── improve.md
│ ├── document.md
│ ├── test.md
│ └── a11y.md
├── references/ # Documentation loaded into context
│ └── schema.yml
└── scripts/ # Executable Python/Bash scripts
└── validate.pyAn faidhle SKILL.md
---
name: card
description: Generate and validate card components
for any design system with accessibility checks
--- # Card Skill When user requests card components, this skill
auto-triggers based on context.
## Schema props:
title: string
body: string
image: { src, alt, width }
variant: default | horizontal | overlay
slots:
header: Custom header content
footer: Buttons, links
## Related Skills This skill can reference:
- image
- heading
- button
- link
- textA’ cleachdadh slash commands
Cruthaich cairt ùr:
/generate card \ --variant="default" \ --title="Welcome" \ --with-image=true \ --with-button=trueDearbh cairt a tha ann mu thràth:
/validate card \ --file="components/card.jsx"Seall a bheil ruigsinneachd a’ coileanadh nan riatanasan:
/a11y card --level="AA"Leasaich an UX airson co-theacsa sònraichte:
/improve card \ --context="e-commerce product listing" \ --focus="conversion"Dè a thachras fon chòmhla
Nuair a ghairmeas tu /generate card, nì Claude seo:
- Gnìomhachaidh e an skill cairt: Thèid SKILL.md a luchdachadh don cho-theacsa
- Leughaidh e an sgeama: Dearbhaidh e na paramadairean agad an aghaidh nam props ceadaichte
- Bheir e iomradh air skills eile: Bheir na skills image, heading agus button an eòlas dha
- Ruithidh e am workflow: bidh workflows/generate.md a’ ruith
- Dearbhaidh e e fhèin: Ruithidh e am workflow validate air an toradh aige fhèin
- Tillidh e an toradh: Bheir e dhut a’ cho-phàirt agus rabhaidhean sam bith
Chan eil an skill cairt dìreach a’ gineadh markup. Bidh e a’ co-òrdanachadh siostam de dh’eòlaichean, gach fear a’ cur ris le eòlas na raoin aige.
Carson as cudromach seo: bho neach-togail gu neach a smaoinicheas ann an siostaman
Tha am modal teleprompter gad fhàgail nad neach-obrachaidh. Tha am modal skill gad dhèanamh nad ailtire.
Nuair a ghluais mi bho bhith a’ sgrìobhadh prompts gu bhith a’ dealbhadh skills, dh’atharraich grunn rudan:
Sguir mi de bhith ag ath-aithris co-theacsa. Tha fios aig gach skill mu thràth air an raon aige. Chan eil mi ag mìneachadh dè a th’ ann an cairt a h-uile turas a dh’fheumas mi fear.
Thòisich mi a’ smaoineachadh ann an co-chur. Chan e aon prompt a th’ ann an duilleag, ach co-òrdanachadh organisms, a tha nan co-òrdanachadh molecules, a tha nan co-òrdanachadh atoms. Tha skill aig gach còmhdach.
Thiomnaich mi dearbhadh. An àite gach toradh a sgrùdadh le làimh, bidh an àithne /validate a’ sgrùdadh an structair, bidh /a11y a’ sgrùdadh gèilleadh WCAG, agus bidh /test a’ ruith sgrùdaidhean fèin-obrachail. Bidh mi a’ dèanamh lèirmheas air na h-eisgeachdan, chan e gach toradh.
Thog mi eòlas buidhne. Nuair a leasaicheas mi SKILL.md skill, mairidh an leasachadh sin. Bidh an siostam a’ fàs nas tapaidh thar ùine, chan ann dìreach rè aon chòmhraidh.
Is e seo an t-eadar-dhealachadh eadar AI a chleachdadh agus togail le AI.
’S e an dealbhadh an còd
Nam obair le siostaman dealbhaidh, ràinig mi prionnsabal: ’S e an dealbhadh an còd.
Nuair a bhios design tokens, sgeamaichean cho-phàirtean agus rèiteachaidhean agent a’ co-thaobhadh, chan eil còmhdach eadar-theangachaidh ann eadar na shònraicheas dealbhadairean agus na thogas luchd-leasachaidh. ’S e an sònrachadh an cur an gnìomh.
Seo mar a nì agents seo fìor:
# The schema IS the source of truth schema: props: variant: type: string
enum: [primary, secondary, success, danger, warning, info] default: primary
size: type: string
enum: [sm, md, lg] default: md
tokens: colors: - --btn-bg
- --btn-color
- --btn-border-colorChan eil an sgeama seo dìreach na sgrìobhainn. ’S e am fìor thùs a th’ ann. Bidh an agent a’ gineadh cho-phàirtean uaithe. Bidh an dearbhaiche ga sgrùdadh. Bidh na design tokens ag iomradh air. Aon fhaidhle, mòran chleachdaidhean.
Nuair a dh’ùraicheas dealbhadair luachan nan tokens ann am Figma, thèid rèiteachadh an agent ùrachadh. Nuair a thèid rèiteachadh an agent ùrachadh, thèid na co-phàirtean a chaidh a ghineadh ùrachadh. ’S e an dealbhadh an còd oir tha an dà chuid a’ tighinn bhon aon sgeama.
Mar a thòisicheas tu a’ togail le Claude Code
Ma tha thu deiseil airson a dhol seachad air am modal teleprompter, seo slighe practaigeach:
Ceum 1: Aithnich na raointean agad
Dè na raointean den obair agad a tha ath-aithriseach, fo riaghailtean agus an crochadh air co-theacsa? ’S iad sin tagraichean airson skills:
- Gineadh còd
- Sgrìobhadh sheulaichean
- Deuchainnean
- Lèirmheas agus dearbhadh
- Riaghladh siostaim dealbhaidh
- Cur an gnìomh agus DevOps
Ceum 2: Cruthaich do chiad skill
Tòisich le SKILL.md sìmplidh:
---
name: my-component
description: Generate and validate my-component
--- # My Component Skill When user asks about my-component, apply these rules...Ceum 3: Cuir workflows (Commands) ris
Cruthaich na sia prìomh òrdughan ann an workflows/:
| Command | Adhbhar |
|---|---|
/generate | Cruthaich artifacts ùra |
/validate | Sgrùd artifacts a tha ann |
/improve | Mol leasachaidhean |
/document | Mìnich agus clàraich |
/test | Cruthaich deuchainnean fèin-obrachail |
/a11y | Sgrùd gèilleadh WCAG |
Tha gach command na fhaidhle markdown le stiùireadh.
Ceum 4: Stèidhich iomraidhean eadar skills
Faodaidh skills iomradh a thoirt air skills eile:
## Related Skills This skill uses:
- image (for card images)
- button (for CTAs)
- heading (for titles)Map na eisimeileachdan seo. Bu chòir don rangachd co-chòrdadh ri structar nàdarra an raoin agad.
Ceum 5: Cruthaich subagents airson gnìomhan iom-fhillte
Nuair a dh’fheumas tu co-theacsa air leth no cur an gnìomh co-shìnte, cruthaich faidhle subagent ann an ~/.claude/agents/:
---
name: header-builder
description: Build complete header components with navigation, logo, and search
tools: Read, Write, Bash, Glob, Grep
--- You are a header component specialist. When building headers:
1. Check existing header patterns in the codebase
2. Use the nav, button, logo skills for sub-components
3. Ensure responsive design and accessibilityA’ togail do leabharlann skills
Cuir structar air na skills agad a rèir Atomic Design:
| Seòrsa | Dreuchd | Eisimpleirean |
|---|---|---|
| Atoms | Blocaichean togail bunaiteach | button, input, checkbox, avatar, badge, icon, link, image |
| Molecules | Measgachaidhean de atoms | card, modal, tabs, accordion, alert, dropdown, toast |
| Organisms | Co-phàirtean iom-fhillte | header, footer, dashboard, login-form, hero, sidebar |
Gach skill:
- Tha an rèiteachadh
SKILL.mdaige fhèin - Tha
workflows/aige le slash commands - Tha
references/aige le sgrìobhainnean - Tha
scripts/aige airson fèin-ghnìomhachadh - Tha fios aige dè na skills eile ris a bheil e a’ toirt iomradh
Cruthaichidh seo siostam seasmhach, so-leudaichte far am bi Claude a’ gnìomhachadh an skill cheart gu fèin-obrachail a rèir a’ cho-theacsa.
’S ann agentic a bhios an àm ri teachd
Tha Brad Frost, a chruthaich Atomic Design, air a bhith a’ bruidhinn mun ghluasad seo: feumaidh siostaman dealbhaidh a bhith nan bun-structar so-leughte le inneal, oir tha AI agents a-nis a’ cur UIan ri chèile leis na h-aon cho-phàirtean a chleachdas sgiobaidhean daonna.
Chan e tuairmse mu 2030 a tha seo. Tha e a’ tachairt an-dràsta.
Mura h-urrainn do agent an siostam dealbhaidh agad a pharsadh, tha e a’ fàs seann-fhasanta. Ma dh’fheumas do shruth-obrach leasachaidh gum prompt duine gach ceum, chan eil e a’ meudachadh. Ma thòisicheas na conaltraidhean AI agad bhon neoni gach turas, tha thu a’ caitheamh eòlas a chaidh a chruinneachadh.
Bha am modal teleprompter ceart gu leòr nuair a bha AI na annas. Chan eil e ceart gu leòr nuair a tha AI na bhun-structar.
Stad de bhith a’ prompt-adh. Tòisich a’ dealbhadh.
Tog agents. Thoir skills dhaibh. Leig leotha co-òrdanachadh.
’S ann dhaibhsan a dhealbhaicheas siostaman a bhuineas an àm ri teachd, chan ann dhaibhsan a sgrìobhas scripts.
A’ togail shiostaman dealbhaidh agentic airson àm ri teachd leasachadh lìn.
Tuilleadh leughaidh
- ’S e an dealbhadh an còd An rannsachadh agam air smaoineachadh automata cheallach ann an siostaman dealbhaidh
- Atomic Design le Brad Frost An dòigh-obrach air cùl rangachdan cho-phàirtean
- A’ dealbhadh shiostaman a thogas iad fhèin Bho neach-togail gu neach a smaoinicheas ann an siostaman