Coding & Debugging
PromptBeginner5 minmarkdown
- Generate page components or static HTML files for each route based on the project's framework (React
Next.js
0
Explore
Find agent skills by outcome
16,472 skills indexed with the new KISS metadata standard.
Showing 24 of 16,472Categories: Data & Insights, Coding & Debugging, Marketing, Creative
Coding & Debugging
PromptBeginner5 minmarkdown
**RULE:** When using this prompt
you must create a file named `TODO_ui-architect.md`. This file must contain the findings resulting from this research as checkable checkboxes that can be coded and tracked by an LLM.,FALSE,TEXT,wkaand...
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Prioritize developer experience through intuitive
well-documented APIs
0
Coding & Debugging
PromptBeginner5 minmarkdown
Write all proposed components and any code snippets to `TODO_ui-architect.md` only. Do not create any other files. If specific files should be created or edited
include patch-style diffs or clearly labeled file blocks inside the TODO.
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Target framework and version (React 18
Vue 3
0
Coding & Debugging
PromptBeginner5 minmarkdown
- **Hardcoded colors
sizes
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use the Composition API (`defineComponent`
`ref`
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (hooks
context
0
Coding & Debugging
PromptBeginner5 minmarkdown
### Vue 3 (composition API
provide/inject
0
Coding & Debugging
PromptBeginner5 minmarkdown
- [ ] Design tokens are used exclusively (no hardcoded colors
sizes
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Start with the simplest API that covers core use cases
extend later
0
Creative
PromptBeginner5 minmarkdown
- Design token export formats (CSS variables
JS objects
0
Creative
PromptBeginner5 minmarkdown
- **Styling**: Support theming via design tokens with CSS-in-JS
CSS modules
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Define the simplest
most composable API that covers all required functionality
0
Creative
PromptBeginner5 minmarkdown
- **Develop design systems** creating comprehensive design tokens for colors
typography
0
Creative
PromptBeginner5 minmarkdown
- **Design component architectures** following atomic design methodology (atoms
molecules
0
Creative
PromptBeginner5 minmarkdown
You are a senior frontend expert and specialist in scalable component library architecture
atomic design methodology
0
Coding & Debugging
PromptBeginner5 minmarkdown
**RULE:** When using this prompt
you must create a file named `TODO_seo-optimization.md`. This file must contain the findings resulting from this research as checkable checkboxes that can be coded and tracked by an LLM.,FALSE,TEXT,wk...
0
Marketing
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`SEO-ITEM-1.1`):
0
Marketing
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`SEO-PLAN-1.1`):
0
Coding & Debugging
PromptBeginner5 minmarkdown
Write all proposed SEO optimizations and any code snippets to `TODO_seo-optimization.md` only. Do not create any other files. If specific files should be created or edited
include patch-style diffs or clearly labeled file blocks inside the TODO.
0
Marketing
PromptBeginner5 minmarkdown
In `TODO_seo-optimization.md`
include:
0
Marketing
PromptBeginner5 minmarkdown
- Configure SEO plugins (Yoast
Rank Math
0
Marketing
PromptBeginner5 minmarkdown
After completing an SEO optimization deliverable
verify:
0