AI-translated from English; not yet reviewed by a fluent editor.

# Claude Code-இல் ஒரு பக்கத்திற்கு நிலையான பதிப்பு DESIGN.md குறிப்பைப் பயன்படுத்துங்கள்

> நிலையான பதிப்பின் ஒரு DESIGN.md கோப்பைத் தேர்ந்து, அனுமதியுள்ள பக்கத் திருத்தத்திற்காக Claude Code-க்கு வழங்குங்கள். பிறகு குறியீடும் கணினி, தொலைபேசி காட்சியும் சரிபாருங்கள்.

By BIG CHANGE Editorial

Published: 2026-10-20T00:01:06.937Z
Updated: 2026-10-20T00:01:06.937Z
Canonical: https://bigchange.ai/blog/claude-code-pinned-design-reference-page-guide

![Conceptual charcoal illustration of one clipped design-reference sheet beside an unbranded display showing a simple webpage layout.](https://bigchange.ai/api/media/file/pinned-design-reference-one-page-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE; no Claude Code run, Notion or edited and tested page is depicted.

ஏற்கெனவே உள்ள பக்கத்தில் மேம்படுத்த வேண்டியதும் பாதுகாக்க வேண்டியதும் தெளிவாக இருக்கும். VoltAgent-இன் [Awesome DESIGN.md தொகுப்பு](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) பொதுத் தளங்களின் சாதாரண உரை ஆய்வுகளை வழங்குகிறது; அவற்றை AI நிரலாக்க முகவருக்குக் காட்டலாம். இந்த வழிகாட்டி 14 அக்டோபர் 2026 கமிட்டிலுள்ள ஒரு கோப்பை வரையறுக்கப்பட்ட Claude Code திருத்தத்தின் காட்சிக் குறிப்பாகப் பயன்படுத்துகிறது. மாற்றிய குறியீடும் காட்டப்படும் பக்கமும் நீங்களே பரிசோதித்தால்தான் முடிவு ஏற்றுக்கொள்ளத்தக்கது.

BIG CHANGE நிலையான களஞ்சியத்தையும் Claude Code ஆவணங்களையும் படித்தது. நாங்கள் Claude Code இயக்கவில்லை, பக்கம் திருத்தவில்லை, நேரம் அளக்கவில்லை, உருவாக்கிய முடிவையும் சோதிக்கவில்லை. அந்த நிலையான மரத்தில் `design-md/*/DESIGN.md` என்பதன் நேரடி கீழ் 84 கோப்புகள் உள்ளன; எண்ணிக்கை அந்த கமிட்டுக்கானது, நிரந்தரத் தொகுப்பளவு அல்ல.

## பெரிய மாற்றம்

- **என்ன மாறியது:** நிலையான பதிப்பின் ஒரு வடிவமைப்பு ஆய்வை, அனுமதியுள்ள ஒரு பக்கத் திருத்தத்திற்குத் தெளிவான சூழலாக வழங்கலாம்.
- **ஏன் முக்கியம்:** உரிமையாளர் பயனுள்ள அமைப்பு அல்லது இடைவெளி யோசனையை எடுத்துக்கொண்டு, முடிவை பக்கத்தின் உண்மை உள்ளடக்கம், அடையாளம், நடத்தையுடன் ஒப்பிடலாம்.
- **கவனிக்க வேண்டியது:** குறிப்பு சமூக ஆய்வு. அதன் பிராண்ட் விவரங்களும் சில உள் அறிவுறுத்தல்களும் தவறாகவோ உங்கள் பக்கத்துக்குப் பொருந்தாமலோ இருக்கலாம்.

## தொடங்குவதற்கு முன்

திருத்த அனுமதியுள்ள பக்கமும் களஞ்சியமும், பணிநகல் அல்லது கிளை, பக்கத்தை உள்ளூரில் காட்டும் வழி, தகுதியான கணக்கு அல்லது வழங்குநர் மூலம் [Claude Code](https://code.claude.com/docs/en/quickstart) அணுகலும் வேண்டும். மாற்றும் கோப்பையும் திட்டத்தில் பக்கத்தை வழக்கமாக இயக்கிச் சோதிக்கும் முறையையும் அறியுங்கள். வாசகர்கள், அவசியமான உரை-இணைப்புகள், அங்கீகரித்த நிறங்கள், எழுத்துரு, சின்னம், தீர்க்கும் ஒரே காட்சிச் சிக்கல் ஆகியவற்றை எழுதுங்கள். மாற்றத்தை மதிப்பிட உரிமையாளர் முடிவுகளைப் பணிநகல் அருகே வையுங்கள்.

வாடிக்கையாளர் தனிப்பட்ட தகவலை வழங்கும்முன் கணக்கின் [தரவுக் கொள்கை](https://code.claude.com/docs/en/data-usage) மற்றும் [கருவி அனுமதிகளை](https://code.claude.com/docs/en/permissions) சரிபாருங்கள். Claude Code கணக்கு விதிகளின்படி கோரிக்கையையும் திட்ட உள்ளடக்கத்தையும் செயலாக்குகிறது; உள்ளூர் திட்டம் என்றால் மாதிரி அமர்வும் முழுவதும் உள்ளூர் என்று பொருளல்ல. பணியால் வெளிப்படும் தனியுரைகள், வளங்கள், குறியீட்டைப் பகிர அனுமதி உறுதிப்படுத்துங்கள்.

## ஒரு பக்கத்திற்கு ஒரு குறிப்பு

1. திறக்கவும் [நிலையான தொகுப்பின் README](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md). தீர்மானித்த சிக்கலுக்குப் பயன்படும் ஒரு `design-md/<name>/DESIGN.md` தேர்ந்தெடுங்கள். பயன்படுத்தும்முன் முழுக் கோப்பையும் படியுங்கள். [Notion எடுத்துக்காட்டு](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/design-md/notion/DESIGN.md) அமைப்பு, எழுத்துரு, இடைவெளி, கூறுப் பரிந்துரைகளின் வடிவத்தைக் காட்டுகிறது. அதில் காப்சூல் மற்றும் செவ்வகப் பொத்தான்கள் இரண்டும் கூறப்பட்டுள்ளன. இந்த முரண்பாடு நீங்கள் முடிவெடுக்க வேண்டிய காரணம்; Claude Code ஒவ்வொரு வரியையும் பின்பற்றச் சொல்ல வேண்டாம்.
2. அந்த ஒரு நிலையான `DESIGN.md` பணித் திட்டத்தில் நகலெடுங்கள்; எடுத்துக்காட்டாக `design-reference/DESIGN.md` என்ற இடத்தில். மூல URL, பாதை, கமிட் `3b605329240ce735b510037cca322f1831fdd7f8` ஆகியவற்றை அருகே பதியுங்கள். நகலுடன் களஞ்சியத்தின் [MIT பதிப்புரிமை மற்றும் அனுமதி அறிவிப்பை](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) வைத்திருங்கள். Markdown குறிப்புக்குத் தொகுப்பு நிறுவல் தேவையில்லை. உரிமம் களஞ்சியப் பொருளுக்கானது; குறிப்பிடப்பட்ட நிறுவனத்தின் சின்னம், எழுத்துருக் கோப்புகள், படங்கள், வணிகமுத்திரையைப் பயன்படுத்த உரிமை அளிக்காது.
3. அனுமதியுள்ள திட்டத்தில் Claude Code திறந்து நகல் கோப்பைத் தெளிவான சூழலாகத் தாருங்கள். Anthropic [கோப்புக் குறிப்புகள்](https://code.claude.com/docs/en/common-workflows) மற்றும் தனியான [திட்ட அறிவுறுத்தல் கோப்புகளை](https://code.claude.com/docs/en/memory) விளக்குகிறது; கோப்புறையில் தனி `DESIGN.md` இருப்பதால் Claude Code அதை ஏற்றியதாக நிரூபணமில்லை. கீழுள்ள அடைப்புக்குறிகளில் பக்கப் பாதை, உரிமையாளர் விதிகளை உண்மை மதிப்புகளால் மாற்றி, மாற்றத்தை ஏற்கும்முன் குறிப்பைப் படித்ததை உறுதிப்படுத்துங்கள்.

```markdown
Read @design-reference/DESIGN.md as a visual reference. Edit only [path/to/owned-page] and the existing styles that page needs. Improve [one specific layout or hierarchy problem]. Keep the page's current audience, approved copy, links, brand colors, font and logo. Use only layout, hierarchy or spacing ideas that fit those rules. Do not copy the example site's name, assets or identity. Preserve working interactions and keyboard access. Show the proposed file changes and tell me how to render and check this page with this project's existing commands.
```

4. இயக்குவதற்கு அல்லது ஏற்பதற்கு முன் பரிந்துரைத்த வேறுபாடுகளைப் படியுங்கள். மாற்றிய ஒவ்வொரு கோப்பு, உரை, இணைப்பைச் சோதியுங்கள். கோராத புதிய சார்பு, வளம், பிற பக்க மாற்றங்களை மறுங்கள். திட்டத்தின் ஆவணப்படுத்திய இயக்கக் கட்டளையால் பக்கத்தைக் காட்டுங்கள். கணினி மற்றும் தொலைபேசி அகலங்களில் திறந்து உண்மைப் பக்கத்தைப் பாருங்கள்; முகவரின் நோக்க விளக்கத்தை அல்ல.
5. காட்சியை எழுதிய தேவைகளுடன் ஒப்பிடுங்கள். தேவையான உரை-இணைப்புகள் உள்ளனவா, தலைப்புகளின் வரிசை பயனுள்ளதா, உரை-கட்டுப்பாட்டின் வேறுபாடு போதுமா, தொலைபேசியில் உள்ளடக்கம் வெட்டப்படாமலும் கிடைமட்ட நகர்வு இல்லாமலும் இருக்கிறதா பாருங்கள். விசைப்பலகையால் பாதித்த இணைப்புகள், பொத்தான்கள், பட்டிகள், படிவங்களை அணுகிப் பயன்படுத்துங்கள். தெரியும் கவனம், பிழை நிலைகள் உட்பட மாற்றிய செயல்களைச் சோதியுங்கள். பக்கப் பதிப்பு, அகலங்கள், சோதனைகள், குறைகளைப் பதியுங்கள். உங்கள் பக்கத்தில் சோதனைகள் வென்ற பிறகே மாற்றத்தை ஏற்குங்கள்.

Claude Code குறிப்பைத் தவறவிட்டால் கோப்பை மீண்டும் காட்டி பயன்படுத்திய பகுதிகளைக் கேளுங்கள். பிராண்ட் விதிக்கு முரண்பட்டால் அந்த அறிவுறுத்தலைக் கோரிக்கையிலிருந்து நீக்கி சம்பந்தப்பட்ட குறியீட்டைத் திருத்துங்கள். இணைப்பு, கவனப் பாதை அல்லது செயல் கெட்டால் பழைய வேலை செய்யும் நடத்தையை மீட்டு சிறிய மாற்றம் செய்யுங்கள். பக்கத்தைக் காட்டவோ முடிவைப் பார்க்கவோ இயலாவிட்டால் முடியும் வரை ஏற்காதீர்கள்.

இத்தொகுப்பு பிற தளங்களின் சமூக விளக்கங்கள்; பராமரிப்பாளர்கள் உள்ளபடியே வழங்குகிறார்கள். Notion கோப்பில் முரண்பட்ட பொத்தான் வடிவம், ஆவணமில்லாத சுட்டி நடத்தையும் இந்த வழிகாட்டி உறுதிப்படுத்தாத குறியீட்டுச் சோதனைக் கட்டளையும் உள்ளன. அந்தக் கட்டளைக்குப் பதில் திட்டத்தின் தெரிந்த சோதனைகளைப் பயன்படுத்துங்கள். Claude Code பயன்பாடும் பின்னர் தங்குவிப்பு அல்லது வளச் செலவும் கணக்கு, திட்டம் சார்ந்தது; திருத்த நேரமோ இறுதி வடிவமைப்புத் தரமோ இங்கே நிறுவப்படவில்லை.

AI உதவியுடன் பக்கப் பணிக்கான வேறு வழியை [எங்கள் Genspark முன்மாதிரி வழிகாட்டி](https://bigchange.ai/blog/genspark-design-prototype-source-zip) விவரிக்கிறது: தங்குவித்த முன்மாதிரியை நகலெடுத்து ஏற்றுமதி செய்த மூல ZIP-ஐப் பரிசோதித்தல். அந்தப் பணியின் தொடக்கப் பொருளும் முடிவுக் குறியீடும் வேறு.

## மூலங்கள் மற்றும் கூடுதல் வாசிப்பு

- [VoltAgent-இன் நிலையான README](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) தொகுப்பையும் உள்ளபடி வழங்கும் பொதுத்தள ஆய்வையும் விளக்குகிறது. கோப்பு எண்ணிக்கை நிலையான சுழற்சி மரத்திலிருந்து வந்தது; எதிர்காலப் பதிப்புகளின் கூற்றல்ல.
- நிலையான பதிப்பின் [Notion `DESIGN.md`](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/design-md/notion/DESIGN.md) வடிவத்தையும் உள் முரண்பாடுகளையும் காட்டுகிறது. இது Notion அங்கீகரித்த விவரக்குறிப்போ வளங்களைப் பயன்படுத்தும் உரிமையோ அல்ல.
- களஞ்சியத்தின் [MIT உரிமம்](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) நகல்கள் அல்லது முக்கிய பகுதிகளில் பதிப்புரிமை, அனுமதி அறிவிப்பை வைத்திருக்கச் சொல்கிறது.
- Anthropic-இன் [Claude Code தொடக்க வழிகாட்டி](https://code.claude.com/docs/en/quickstart), [கோப்புக் குறிப்பு வழிமுறை](https://code.claude.com/docs/en/common-workflows) மற்றும் [திட்ட அறிவுறுத்தல் ஆவணங்கள்](https://code.claude.com/docs/en/memory) அணுகலையும் தெளிவான சூழலையும் விளக்குகின்றன. இந்தப் பக்க மாற்றத்தையோ தனிக்குறிப்பு தானாக ஏறுவதையோ அவை உறுதிப்படுத்தவில்லை.
- Anthropic-இன் [செலவு](https://code.claude.com/docs/en/costs), [தரவுப் பயன்பாடு](https://code.claude.com/docs/en/data-usage) மற்றும் [அனுமதி](https://code.claude.com/docs/en/permissions) ஆவணங்கள் கணக்கிற்கேற்ப பயன்பாடும் கட்டுப்பாடும் விளக்குகின்றன. இந்த வழிகாட்டிக்காக அமர்வு, கட்டணம் அல்லது உருவான பக்கம் சோதிக்கப்படவில்லை.

## Sources

- [Awesome DESIGN.md நிலையான README](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) — மாறாத கமிட்டில் களஞ்சியத்தின் முதன்மை விளக்கமும் ஒரு கோப்பை நகலெடுக்கும் வழியும். பொதுத்தள ஆய்வுகளை உள்ளபடியே தருவதாகக் கூறுகிறது; முடிவுத் தரத்தின் மொழி விளம்பரமானது. சுயாதீனமாகப் படித்த அந்த முழு மரத்தில் 84 நேரடி DESIGN.md கோப்புகள் உள்ளன; எண்ணிக்கை அப்பதிப்புக்கானது.
- [நிலையான கமிட்டில் Notion DESIGN.md எடுத்துக்காட்டு](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/design-md/notion/DESIGN.md) — அமைப்பு, இடைவெளி, எழுத்தமைப்பு, கூறுகளின் ஆய்வு. காப்சூல் அல்லது செவ்வகப் பொத்தான்கள் பற்றி முரண்பாடு உள்ளது; சரிபார்த்த சுட்டி அல்லது அசைவு நடத்தை நிறுவப்படவில்லை; சோதிக்காத குறியீட்டுக் கட்டளை பரிந்துரைக்கிறது. சமூக ஆய்வே தவிர Notion அதிகாரபூர்வ பிராண்ட் விவரமோ வளம் நகலெடுக்க அனுமதியோ அல்ல.
- [Awesome DESIGN.md MIT உரிமம்](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) — Copyright (c) 2026 VoltAgent; நகல்கள் அல்லது முக்கிய பகுதிகளில் பதிப்புரிமை, அனுமதி அறிவிப்பு தொடர வேண்டும். களஞ்சிய உரிமம் அந்தத் தளத்தின் வணிகமுத்திரை, சின்னம், தனியுரிமை எழுத்துரு அல்லது படங்களின் உரிமையை நிறுவாது.
- [Claude Code விரைவுத் தொடக்கம்](https://code.claude.com/docs/en/quickstart) — திட்டம், கணக்கு அல்லது வழங்குநர் மற்றும் உள்நுழைவின் அதிகாரபூர்வ முன்தேவைகள். வாசகர் தகுதியான வழியையும் சொந்தத் திட்டத்தையும் பயன்படுத்த வேண்டும்; BIG CHANGE Claude Code அமைப்பையோ கட்டணக் கணக்கையோ சோதிக்கவில்லை.
- [Claude Code வழக்கமான பணிமுறைகள்](https://code.claude.com/docs/en/common-workflows) — தெளிவான @file சூழலும் திட்டப் பணியும் குறித்த அதிகாரபூர்வ வழிமுறை. அமைப்புகள், வரம்புகளின்படி நகல் கோப்பை நோக்கமுடன் குறிப்பிடுவதை ஆதரிக்கிறது; எந்த DESIGN.md-யும் தானாக ஏறுவதையல்ல.
- [Claude Code திட்ட நினைவகம்](https://code.claude.com/docs/en/memory) — திட்ட அறிவுறுத்தல் கோப்புகளும் அமைப்பைப் பொறுத்த ஏற்றமும் விளக்குகிறது. தனி DESIGN.md களஞ்சியத்தில் இருப்பதாலேயே ஏறும் என நிறுவவில்லை; இந்த வழிகாட்டி அறிவுறுத்தல் அமைப்பை மாற்றாது.
- [Claude Code செலவுகள்](https://code.claude.com/docs/en/costs) — கணக்கைப் பொறுத்த பயன்பாடும் கட்டணமும். Markdown குறிப்பு தொகுப்பு சார்பைச் சேர்க்காது; ஆனால் Claude Code பணியின் நிலையான விலை, இலவச அளவு அல்லது நேர மிச்சத்தை இவ்வழிகாட்டி நிறுவவில்லை.
- [Claude Code தரவுப் பயன்பாடு](https://code.claude.com/docs/en/data-usage) — கணக்கைப் பொறுத்த அதிகாரபூர்வ தரவுக் கையாளலும் உள்ளூர் உரையாடல் பதிவின் நடத்தையும். வாடிக்கையாளரின் தனிக் குறியீடு அல்லது வளம் பகிரும்முன் உரிமையாளர் கொள்கை பார்க்க வேண்டும்; முழுக்க உள்ளூர் செயலாக்கம் அல்லது பயிற்சிக்கான பொது கூற்று இல்லை.
- [Claude Code அனுமதிகள்](https://code.claude.com/docs/en/permissions) — அதிகாரபூர்வ கருவி அனுமதிக் கட்டுப்பாடுகள். பிராம்ப்ட் அறிவுறுத்தல் மட்டும் கருவி அணுகலை வழங்கவோ நடைமுறைப்படுத்தவோ செய்யாது; பரிந்துரைத்த செயல்களையும் உண்மையில் மாறிய கோப்புகளையும் வாசகர் பார்க்க வேண்டும்.