Web Design Guidelines
Arayüzü erişilebilirlik ve kullanılabilirlik açısından kontrol et. Formlar, klavye kullanımı ve görsel tutarlılıktaki sorunları belirle.
**+++++**::. ......... ..::**++++++**:..
*+++++++*::.. ........ ..:**++++++**::...
*+++++++*::... .......... ..:**+++++**:::...
**+++++**::........::::::.. .::*******:::....
***++***:::.....:::*****::.. ..::***::::.....:
:*****:::.....:::********:.. ..::::::........:
::::::........::**+++++**:.. ......... ..:
....... ...::*+++++++*::.. ........ ..
.... ..::*+++++++*::.. .......... ..
... .::**+++++**::........::::::.. .
.. ..:***++***:::.....:::*****::. .
.. ..::*****:::.....:::********:.. .
:. ...::::::........::**+++++**:.. ..
:. ....:..... ...::*+++++++*::.. ...
:.. ........ ..::*+++++++*::.. .....
:... ......... .::**+++++**::........:::::
::.........::::... ..:***++***:::.....:::****:
::......::::*:::.. ..::*****:::.....:::*******
.....:::*******:.. ...::::::........::**+++++*
....:::**++++**::. ....:..... ...:**+++++++
...::**++++++**:.. ........ ..:**+++++++
..:**++++++**:... ......... .::**+++++*
..:**++++++**::.........::::... ..:***++***
.::**++++**:::......::::*:::.. ..::*****::
..:*******:::....:::*******:.. ...:::::::.
..::::::::......:::**++++**::. ....::....
...::::.........::**++++++**:.. ........
......... ..::**++++++**:.. .........
........ ..:**++++++**::.........::::...
...::.... .::**++++**:::......::::::::..
::::::.. .::*******:::....:::*******:..
*****::.. ..::::::::......:::**++++**::.
*++***:.. ...::::.........::**++++++**:..
++++**::. ......... ..::**++++++**:..
+++++*::.. ........ ..:**++++++**::... ..
+++++*::... ....::.... ..:***++++**::.......
++++**::.......:::::::.. .::*******:::....:::
*****:::....::::*****::.. ..:::*::::......:::*
**::::.....:::***++***:.. ...::::.........::**
:::........::**+++++**::. ......... ..::**
... ..:**+++++++*::.. ........ ..:**
. ..::*++++++**::... .....:.... ..:**
.::**+++++**::.......:::::::.. .::*
..:********:::.....:::*****::. ..::
..::*****:::.....:::***++***:.. ...:
...::::::........::**+++++**:.. .....
......... ..:**+++++++*::.. ......
........ ..::*++++++**::... .........
. ......... .::**+++++**::........::::::..
.......:::::... ..:********:::.....:::*****::.
....:::****::.. ..::*****:::.....:::***++***:.
..:::*******::. ...::::::........::**+++++**:.
.::***+++++*::. .......... ...:**+++++++*::
.::**++++++**:.. ........ ..:**++++++**::
..:**++++++**:... ........ .::**+++++**::
..:**++++++**::........:::::... ..:********:::
.::**+++***::......::::***::.. ..::*****:::..
..:******:::.....:::*******:.. ...::::::.....
..::::::::......::***++++**::. ..........
...:::.... ...::**++++++**:.. ........
........ ..:**++++++**:... ........
...... ..:**++++++**::........:::::...
:::... .::**+++***::......::::**:::..
:::.. ..:******:::.....:::*******:..
**::.. ..::::::::......:::**++++**::.
+**:.. ...:::..... ...::**++++++**:..
+**::. ........ .::**++++++**:... .
++*::.. ........ ..:**++++++**::.........
+**::... ....:::.... .::**+++***::......::::
***::.......:::::::.. .::******:::.....:::***
**::.....:::******::.. ..::::::::......:::**++
::......::***+++***:.. ...:::..... ...::**+++
........::**+++++**::. ........ ..::**+++
..:**+++++++*::.. ........ ..:**+++
..::*++++++**::... .....::.... ..:***++
.::**++++***::.......:::::::.. .::****
..:********::.....:::******::.. ..:::::
..:::***:::......::***+++***:.. ...:::.
...:::::.........::**+++++**::. ........
......... ..:**+++++++*::.. ........ **+++++**::. ......... ..::**++++++**:..
*+++++++*::.. ........ ..:**++++++**::...
*+++++++*::... .......... ..:**+++++**:::...
**+++++**::........::::::.. .::*******:::....
***++***:::.....:::*****::.. ..::***::::.....:
:*****:::.....:::********:.. ..::::::........:
::::::........::**+++++**:.. ......... ..:
....... ...::*+++++++*::.. ........ ..
.... ..::*+++++++*::.. .......... ..
... .::**+++++**::........::::::.. .
.. ..:***++***:::.....:::*****::. .
.. ..::*****:::.....:::********:.. .
:. ...::::::........::**+++++**:.. ..
:. ....:..... ...::*+++++++*::.. ...
:.. ........ ..::*+++++++*::.. .....
:... ......... .::**+++++**::........:::::
::.........::::... ..:***++***:::.....:::****:
::......::::*:::.. ..::*****:::.....:::*******
.....:::*******:.. ...::::::........::**+++++*
....:::**++++**::. ....:..... ...:**+++++++
...::**++++++**:.. ........ ..:**+++++++
..:**++++++**:... ......... .::**+++++*
..:**++++++**::.........::::... ..:***++***
.::**++++**:::......::::*:::.. ..::*****::
..:*******:::....:::*******:.. ...:::::::.
..::::::::......:::**++++**::. ....::....
...::::.........::**++++++**:.. ........
......... ..::**++++++**:.. .........
........ ..:**++++++**::.........::::...
...::.... .::**++++**:::......::::::::..
::::::.. .::*******:::....:::*******:..
*****::.. ..::::::::......:::**++++**::.
*++***:.. ...::::.........::**++++++**:..
++++**::. ......... ..::**++++++**:..
+++++*::.. ........ ..:**++++++**::... ..
+++++*::... ....::.... ..:***++++**::.......
++++**::.......:::::::.. .::*******:::....:::
*****:::....::::*****::.. ..:::*::::......:::*
**::::.....:::***++***:.. ...::::.........::**
:::........::**+++++**::. ......... ..::**
... ..:**+++++++*::.. ........ ..:**
. ..::*++++++**::... .....:.... ..:**
.::**+++++**::.......:::::::.. .::*
..:********:::.....:::*****::. ..::
..::*****:::.....:::***++***:.. ...:
...::::::........::**+++++**:.. .....
......... ..:**+++++++*::.. ......
........ ..::*++++++**::... .........
. ......... .::**+++++**::........::::::..
.......:::::... ..:********:::.....:::*****::.
....:::****::.. ..::*****:::.....:::***++***:.
..:::*******::. ...::::::........::**+++++**:.
.::***+++++*::. .......... ...:**+++++++*::
.::**++++++**:.. ........ ..:**++++++**::
..:**++++++**:... ........ .::**+++++**::
..:**++++++**::........:::::... ..:********:::
.::**+++***::......::::***::.. ..::*****:::..
..:******:::.....:::*******:.. ...::::::.....
..::::::::......::***++++**::. ..........
...:::.... ...::**++++++**:.. ........
........ ..:**++++++**:... ........
...... ..:**++++++**::........:::::...
:::... .::**+++***::......::::**:::..
:::.. ..:******:::.....:::*******:..
**::.. ..::::::::......:::**++++**::.
+**:.. ...:::..... ...::**++++++**:..
+**::. ........ .::**++++++**:... .
++*::.. ........ ..:**++++++**::.........
+**::... ....:::.... .::**+++***::......::::
***::.......:::::::.. .::******:::.....:::***
**::.....:::******::.. ..::::::::......:::**++
::......::***+++***:.. ...:::..... ...::**+++
........::**+++++**::. ........ ..::**+++
..:**+++++++*::.. ........ ..:**+++
..::*++++++**::... .....::.... ..:***++
.::**++++***::.......:::::::.. .::****
..:********::.....:::******::.. ..:::::
..:::***:::......::***+++***:.. ...:::.
...:::::.........::**+++++**::. ........
......... ..:**+++++++*::.. ........ Bir arayüz veya durum modeli fikrini küçük, geçici bir prototiple dene. Tam ürünü geliştirmeden önce hangi yaklaşımın işe yaradığını gör.
Bir arayüz veya durum modeli fikrini küçük, geçici bir prototiple dene. Tam ürünü geliştirmeden önce hangi yaklaşımın işe yaradığını gör.
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
5863806714de632d116bb73f65cdb5a882db15b9369a6713b9a47c0fad827848f0bfbe3Bu kayıt yayıncının deposundan alındı. Beceri ve destek dosyaları güvenlik denetiminden geçirilmedi. Kurmadan önce içeriği ve gerekli izinleri incele.
Seçim politikasını okunpx skills add 'https://github.com/mattpocock/skills/tree/5863806dd4e15c63174bee4e7515a4256792ecfa/skills/engineering/prototype' -a claude-codeNode.js 22.20 veya üzeri gerekir. Komut, katalogdaki sabit sürümü hedefler.
Bu kaynak Claude Code için hazırlanmış. Diğer ajanlarda harici araç veya uyarlama gerekebilir.
ZIP, destek dosyalarıyla birlikte tüm depoyu içerir.
Arayüzü erişilebilirlik ve kullanılabilirlik açısından kontrol et. Formlar, klavye kullanımı ve görsel tutarlılıktaki sorunları belirle.
Figma dosyalarındaki tasarım öğeleri üzerinde çalış.
Figma tasarımlarını uygulama koduna dönüştür.
Figma için yeniden kullanılabilir tasarım kütüphaneleri oluştur.