Markdown సంచిక

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) — అధికారిక సాధన అనుమతి నియంత్రణలు. ప్రాంప్ట్‌ సూచనలు వాటంతటవే సాధన ప్రవేశం ఇవ్వవు, అమలు చేయవు; పాఠకుడు ప్రతిపాదిత చర్యలు, నిజంగా మారిన ఫైళ్లు పరిశీలించాలి.